body {
	font: 70% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;	background: #000;	text-align: center;	margin: 0px;	padding: 0px;
}
img { border: none; }

h1, h2, h3, p { margin: 0 0 12px; }
a { color: #8cc63f; font: bold italic 1em Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; }
a:hover, a:active { color: #fff; text-decoration: underline; }
form { margin: 0; padding: 0; }

.imageright { float: right; margin: 0 0 8px 18px; }

.rright { text-align: right; }
.fright { float: right; }
.clearfloat { margin: 0; padding: 0; clear: both; height: 1px; line-height: 1px; overflow: hidden; }

#container { width: 771px; background: url(img/bg-header.jpg) no-repeat left top; margin: 0 auto 20px; }

#header { height: 197px; margin: 0; padding: 0; position: relative; }
 #logo { position: absolute; left: 32px; top: 3px; }
 #sponsors { position: absolute; right: 48px; top: 20px; }
 #date { margin: 0; padding: 0; position: absolute; right: 53px; top: 92px; width: 330px; height: 42px; overflow: hidden; }
	 #date span { position: absolute; left: -9999px; }
	 #date img { position: absolute; left: 0; top: 0; }

#header ul { position: absolute; top: 166px; right: 54px; list-style-type: none; margin: 0; padding: 0; text-align: right; 	
}
 #header ul li { display: inline; list-style-type: none;  margin: 0; padding: 0 9px 0 1px; background: url(img/bullet.gif) no-repeat right 4px; }
 #header ul li.last { padding: 0 0 0 1px; background: none; }
	 #header ul li a { color: #8cc63f; font: bold italic 1.1em Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; padding: 2px; }
	 #header ul li a:hover, #header ul li a:active { color: #fff; }
	
h1 { position: relative; height: 24px; background: #000; font: bold italic 1.3em Arial, Helvetica, sans-serif; text-transform: uppercase; }
h1 span { position: absolute; left: -9999px; }
h1 img { position: absolute; top: 3px; left: 3px; }

#main { width: 685px; min-height: 300px; background: url(img/bg-main.jpg) repeat-y left -41px; margin: 0 auto; padding-bottom: 12px; text-align: left; } 
	#main p { padding: 0 12px; line-height: 135%; }
	#main #booktickets { float: right; margin: 0 0 4px 12px; }
		
/* ===== Homepage boxes ===== */
	#main .intro { margin: 0 26px; padding: 10px 0; }
.mainnews { margin: 0 0 0 26px; width:	290px; float: left; display: inline; }
 .mainnews .date, .newsdate { color: #bbb; font-weight: bold; }
	.mainnews h3 { margin: 0 0 4px; font-size: 1.2em; }

.mainmultimedia { width:	330px; float: right; margin: 0 12px 16px 0; display: inline; }



.news { margin: 0 26px; }
 #main p.newsdate { float: right; width: 200px; font-size: 1.1em; padding: 0; text-align: right; }
	.news h3 { font-size: 1.4em; border-bottom: 2px solid #8cc63f; padding-bottom: 3px; }
	.newslist { margin: 6px 0 18px; clear: right; }
 	.newslist img { float: right; margin: 0 0 6px 12px; }
	
	.listingsnav { clear: right; text-align: right; padding-top: 6px; margin-bottom: 20px; }
	 .listingsnav a, .listingsnav span { background: #000; padding: 2px 5px; margin: 0 3px; font-size: 1.2em; }
		.listingsnav a:link, .listingsnav a:visited { color: #8cc63f; }
		.listingsnav a:hover, .listingsnav a:active { text-decoration: none; background: #8cc63f; color: #000; }


.gallery { margin: 0 0 0 26px; }
 .gallery h1 { margin: 0 26px 20px 0; }
 .gallery .thumb { float: left; background: url(img/gallery-thumb-bg.png) no-repeat left top; width: 137px; height: 124px; margin: 0 27px 20px 0; }
	 .gallery .thumb img { margin: 7px; }


.riderprofiles { margin: 0 26px; }
 .riderprofiles h1 { margin: 0 26px 20px 0; }
 .riderprofiles .thumb { float: left; background: url(img/gallery-thumb-bg.png) no-repeat left top; width: 137px; height: 134px; margin: 0 25px 16px 0; text-align: center;}
	 .riderprofiles .thumb img { margin: 7px 12px 7px 7px; }
		.riderprofiles .thumb a:hover { text-decoration: none; }
	.riders { width: 326px; display: inline; float: left;}
 .riderprofiles .full { float: right;  margin: 0 2px 20px 0; position: relative; width: 290px; }
	.riderprofiles .full div { display: none; position: absolute; left: 0; top: 0; background: url(img/bg-22pc.png) repeat left top; width: 270px; min-height: 400px; padding: 8px 10px 2px; }
  #main .riderprofiles .full p { padding: 0; margin: 0 0 8px; }
	.profilefield { font-weight: bold; color: #c65d24; font-size: 1.1em; text-transform: uppercase; }
 .riderprofiles .full div.active { display: inline; }
	.newline { clear: left; }


.videos { margin: 0 16px 0 26px; }
 .videos h1 { margin: 0 26px 20px 0; }
 .videos .thumb { float: left; background: url(img/video-thumb-bg.png) no-repeat left top; width: 137px; height: 124px; margin: 0 0 12px 0; text-align: center;}
	 .videos .thumb img { margin: 7px 13px 7px 6px; }
		.videos .thumb a:hover { text-decoration: none; }
	.videothumbs { width: 138px; display: inline; float: left;}
 .videos .full { float: right;  margin: 0 2px 20px 0; position: relative; width: 480px; background: url(img/bg-22pc.png) repeat left top; padding: 8px; }

.tickets { margin: 0 26px; }
 .tickets .buytickets {  margin: 10px auto 24px; position: relative; width: 400px; background: url(img/bg-22pc.png) repeat left top; padding: 8px 12px; }
	.buytickets table { font-size: 1.2em; }
 	.buytickets table td { padding: 4px 0; }
 	.buytickets table tr.rule td { border-bottom: 1px solid #999; }
 	.buytickets table tr.last td { padding-top: 10px; }
	.buytickets input.textinput { border: 1px solid #8cc63f; }
	.buytickets .price { font-size: 1.1em; font-weight: bold; text-align: center; }

.halfwidth { width: 290px; margin: 0 20px 10px 0; float: left; }


.competition { margin: 0 26px; }
.exstrong { font-size: 1.2em; }
 .competition h3 { padding-top: 6px; font-size: 1.3em;}
 .competition li { font-size: 1.1em; }


.media { margin: 0 26px; }


.contact { margin: 0 26px; }
 .contact p { font-size: 1.1em; }


#footer { padding: 10px 0; color: #aaa; }
#footer a:link, #footer a:visited { color: #bbb; text-transform: none; font-weight: normal; }
#footer a:hover, #footer a:active { color: #8cc63f; text-transform: none; font-weight: normal; }