/********************************************
   AUTHOR:  			Chris Williams
   WEBSITE:   			www.mxpracticetracks.co.uk	
   VERSION:          1.0 DRAFT   
	LAST MODIFIED:    23 Octiber 07       	
 *******************************************/ 
 
 /****from actual html ****/
 .style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body,td,th {
	font-size: 0.75em;
}
.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.style7 {font-size: 12px}
 
 
 
 
 
 
/********************************************
   LAYOUT
********************************************/ 
/*top navigATION BAR*/
#menu {
	width: 960px;
	height: 48px;
	margin: 0px;
	background: url(images/bottomnav.jpg) no-repeat;
}
#footer {
	width: 960px;
	height: 40px;;
	margin: 0 auto;
	background: url(images/footer.jpg) no-repeat;
}
#menu ul {
	margin: 0;
	padding: 5px 0 0 30px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	padding: 0 20px 0 22px;
	background: url(images/img03.gif) no-repeat left center;
}

#menu li.first {
	background: none;
}

#menu a {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}



#blockfindatrack  {
	width:190px; 
	height:300px;
	background-image:url('images/findatrackbg.gif');
	background-repeat: no-repeat;
	margin: 5px;
 	padding-top:0px;
	padding-left: 0px;
	padding-bottom:0px;
	
	float:left;	
}

p.blockfindatrack {

font-size:12px;
padding-top:105px;
padding-left:30px;
padding-right:20px;
width:140px;
}
#blockfindatrack a{
text-decoration: none;
color:#000000;
}

#ridersreviews  {
	width:190px; 
	height:300px;
	background-image:url('images/ridersreviewsbg.gif');
	background-repeat: no-repeat;
	margin: 5px;
 	padding-left: 0px;
	padding-right:0px;	
	float:left;
}
p.ridersreviews {

font-size:12px;
padding-top:105px;
padding-left:30px;
padding-right:20px;
width:140px;

}
#ridersreviews a  {
text-decoration: none;
color:#000000;
}

#addatrack  {
	width:190px; 
	height:300px;
	background-image:url('images/addatrackbg.gif');
	background-repeat: no-repeat;
	margin: 5px;
 	padding-left: 0px;
	padding-right:0px;	
	float:left;
	
}

p.addatrack {

font-size:12px;
padding-top:105px;
padding-left:30px;
padding-right:20px;
width:140px;
}
#addatrack a  {
text-decoration: none;
color:#000000;
}
#wrap {
		width:960px;
		height:auto;
		background-color:#FFFFFF;
		margin: 0 auto; /*this centres content on page*/
		}
		
#header {width:960px; height:auto; margin:0px;}

#leftbar {width:145px; height:100%; float:left;  margin-left:36px;background-image:url(images/leftbarfill2.jpg); background-repeat:repeat-y;}
        
#maincontent {width:600px; height:auto; float:left;  margin:10px; padding:20px; }

/********************************************
   HTML
********************************************/ 
/* top elements */


body {font:normal 12px  "Verdana", "trebuchet ms", "sans-serif";}
h1{
	border-top:4px solid #996600 ;
	color:#000000;
	font:22px "Arial Black", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:-1px;
	
	margin:10px 60px 0px 10px;
	line-height:28px;
}
 h3{
	background-color:#996600;
	color:#000;
	font:13px "Arial Black", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin:0px 60px 0px 0px;
	padding-left:0px;
	line-height:18px;
}
h4 {
font:1.4em "trebuchet ms", "Lucida Grande", sans-serif;
color:#6C8F00;
border-bottom:1px dotted #4f4f4f;
}
blockquotenews {
	margin: 2px;
 	padding: 0 0 0 0px;  	
  	background: #FAFAFA;
	border: 1px solid #f2f2f2; 
	/*border-left: 4px solid #4284B0;*/   
	color: #4284B0;
	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 
}
/********************************************
 NAVIGATION
********************************************/ 
.list {
width:150px;
margin-right:5px;
margin-left:5px;
float:left;
background-color:#996600;
}
.list li {
border-bottom:1px dotted #4f4f4f;
line-height:1em;
text-decoration:none;
}

.list li a,.list li a:visited {
color:#fff;
display:block;
padding:4px 0 4px 3px;
text-decoration:none;
}

.list li a:hover {
background:#4c6b7d;
color:#FFF;
}

