@charset "utf-8";
/* CSS Document */
/*
This is a 960 framework width system and below is a list of the fractions for quick reference@
960 - 1 column
480 - 2 columns
240 - 4 columns
120 - 8 columns
60 - 16 columns
30 - 32 columns

Site measurements

960 - header
180 / 780 - navigation - advert panel
180 / 600 / 180 - main page with 2 columns
960 - footer

*/


body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	background: #acacac url(../images/headerbackground.jpg) top left repeat-x;
}
a {
	color: #cd0000; 
}

/* Navigation */

a.nav, a.nav:link, a.nav:visited {
	display:block;
	width:178px;
	height:30px;
	overflow: hidden;
}

a.nav:hover {

}

a.nav img {
	border: none;
}

/* Page elements */
#container{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/page-bkgrd.gif) #CCCCCC repeat-y;
	overflow: hidden;
}

#header{
	width:960px;
	height:125px;
}

#navigation{
	width:178px;
	float: left;
	height: 240px;
}

#homepage-media-header{
	position:relative;
	width:780px;
	height:240px;
	float: left;
	border-left: 2px solid #fff;
}

#left-column-content{
	width:178px;
	float: left;
}

#centre-column-home, #centre-column-find, #centre-column-used, #centre-column-contact, #centre-column-news, #centre-column-diary, #centre-column-new  {
	/* Use a back ground image for the heading on the page and then pad the top to move the content down to a suitable level*/
	/* Each class can be isolated for an individual image to be used, the same principle can be used when creating a new page.*/
	/*background-image:-----;*/
	width:580px; /* Remember to minus the padding for the correct width*/
	float: left;
	padding: 10px;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}

#right-column-content{
	width:178px;
	float:right;
}

#footer{
	width:960px;
	height:30px;
	background: #333;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-bottom: 3px solid #fff;
}