BODY {margin: 0px;
	text-align:center;
	FONT-SIZE: 11px; 
	COLOR: #000000; 
	FONT-FAMILY: arial, helvetica, sans-serif, verdana, times; 
	background-image: url(images/back.gif); 
	background-attachment: fixed;
	background-repeat: repeat;
	background-color: #EEEEEE;
	z-index: 0;}

/*Links*/

a{color: #BF8224; /*Link Colour*/
	text-decoration: none;}
a:hover{color: #6B8097; /*Link Hover Colour*/
	}


#menu a {text-align: center;
	width: 123px;
	background: url(images/menu_link.gif); 
	background-repeat: no-repeat;
	text-decoration: none;
	position: relative;
	zoom: 100%;
	font-size: 10px;
	letter-spacing: 1px;
	display: block;
	height: 26px;
	color: #21310B;} /*Colour*/
a.menu{color: #21310B; /*Colour*/
	width: 123px;
	display: block;}

#menu a:hover{color: #000000;
	background: url(images/menu_roll.gif); }
#menu a:active{color: #ffffff;
	width: 123px;
	background: url(images/menu_active.gif); }
	
a.submenu{color: #ffffff;
	text-decoration: none;}
a.submenu:hover{color: #4D0B08;}

#footerinfo a{color: #888686; /*Link Colour*/
	text-decoration: underline;}
#footerinfo a:hover{color: #BF8224;} /*Link Hover Colour*/

#footermenu a{color: #BF8224; /*Link Colour*/
	font-size: 10px;}
#footermenu a:hover{color: #6B8097; /*Link Hover Colour*/
	font-size: 10px;}
	
a.footer{color: #ffffff;
	font-size: 10px;}
a.footer:hover{color: #CB2922;
	font-size: 10px;}
	
a.nextrace{font-weight: bold; 
	font-size: 14px; 
	color: #6B8097;
	height: 20px;} /*Colour*/
a.nextrace:hover{font-weight: bold; 
	font-size: 14px; 
	color: #BF8224;
	height: 20px;} /*Colour*/


/*Page Layout*/

#main {WIDTH: 745px; 
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;}
	

#topline{position: absolute;
	z-index: 2; 
	top: 0px;
	width: 745px;	
	background-color: #EEEEEE;}
#toplineborder{position: absolute;
	top: 0px;
	width: 745px;
	border-top: solid #444649 4px; /*Colour*/
	height: 26px;
	background-image: url(images/races.gif); 
	background-repeat: no-repeat;}
	
#topbackline{position: absolute;
	z-index: 2; 
	top: 0px;
	left: 0px;
	width: 100%;	 
	height: 26px;
	background-color: #E0E0E0;}
	
#header{position: absolute;
	z-index: 5; 
	top: 26px;
	width: 745px;	 
	height: 94px;}
	
#headerline{position: absolute;
	top: 120px;
	height: 26px;
	width: 745px;
	text-align: center;
	background-color: EEEEEE;
	background-image: url(images/headerline.gif); 
	background-repeat: no-repeat;
	padding: 0px;}
	
#contentbox{width: 745px; 
	position: absolute; 
	top: 146px;
    background-color: #EEEEEE;	
    background-image: url(images/contentback.gif); 
	background-repeat: repeat-y;
	font-size: 11px;}

/*Page Layout - Columns*/

#cols{margin-left: 0px;
	width: 745px}	

#col1{float:left;
	width: 187px;}
#col2{float: left;
	width: 371px;}
#col3{float: left;
	width: 187px;}
		
#col1content{position: relative;
	top: 0px;
	left: 1px;
	width: 186px;
	font-size: 11px;}
#col2content{position: relative;
	top: 15px;
	width: 341px;
	left: 15px;}
#col3content{position: relative;
	top: 15px;
	width: 157px;
	left: 15px;}

/*Page Layout - 2 Columns for News*/

#twocols{margin-left: 0px;
	width: 518px}	

#left2col{float:left;
	width: 262px;
	background-image: url(images/2colback.gif); 
	background-repeat: repeat-y;}
#right2col{float: left;
	width: 256px;}

/*Page Layout - Race Menu*/

#homebutton{position: absolute;
	top: 8px;
	left: 3px;}
#racebutton{position: absolute;
	top: 8px;
	left: 48px;}
	
#racemenu{position: relative;
	top: 8px;
	left: 98px;}

#race1{position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
	width: 14px;}
#race2{position: absolute;
	top: 0px;
	left: 24px;
	z-index: 5;
	width: 14px;}
#race3{position: absolute;
	top: 0px;
	left: 48px;
	z-index: 5;
	width: 14px;}
#race4{position: absolute;
	top: 0px;
	left: 72px;
	z-index: 5;
	width: 14px;}	
#race5{position: absolute;
	top: 0px;
	left: 96px;
	z-index: 5;
	width: 14px;}	
#race6{position: absolute;
	top: 0px;
	left: 120px;
	z-index: 5;
	width: 14px;}
#race7{position: absolute;
	top: 0px;
	left: 144px;
	z-index: 5;
	width: 14px;}
#race8{position: absolute;
	top: 0px;
	left: 168px;
	z-index: 5;
	width: 14px;}
#race9{position: absolute;
	top: 0px;
	left: 192px;
	z-index: 5;
	width: 14px;}
#race10{position: absolute;
	top: 0px;
	left: 216px;
	z-index: 5;
	width: 14px;}
#race11{position: absolute;
	top: 0px;
	left: 240px;
	z-index: 5;
	width: 14px;}
#race12{position: absolute;
	top: 0px;
	left: 264px;
	z-index: 5;
	width: 14px;}
#race13{position: absolute;
	top: 0px;
	left: 288px;
	z-index: 5;
	width: 14px;}
#race14{position: absolute;
	top: 0px;
	left: 312px;
	z-index: 5;
	width: 14px;}
#race15{position: absolute;
	top: 0px;
	left: 336px;
	z-index: 5;
	width: 14px;}
#race16{position: absolute;
	top: 0px;
	left: 360px;
	z-index: 5;
	width: 14px;}
#race17{position: absolute;
	top: 0px;
	left: 384px;
	z-index: 5;
	width: 14px;}
#race18{position: absolute;
	top: 0px;
	left: 408px;
	z-index: 5;
	width: 14px;}
#race19{position: absolute;
	top: 0px;
	left: 432px;
	z-index: 5;
	width: 14px;}
	
#racename{position: absolute;
	top: 0px;
	left: 444px;
	z-index: 4;
	width: 202px;}

	
/*Page Layout - Menu*/

#menu{position: absolute;
	top: 120px;
	width: 745px;
	height: 26px;
	background-color: #C6C5C5;
	color: #21310B; /*Colour*/
	z-index: 3;}
	
#menu1{position: absolute;
	left: 1px;
	top: 0px;}	
#menu2{position: absolute;
	left: 125px;
	top: 0px;}
#menu3{position: absolute;
	left: 249px;
	top: 0px;}
#menu4{position: absolute;
	left: 373px;
	top: 0px;}
#menu5{position: absolute;
	left: 497px;
	top: 0px;}
#menu6{position: absolute;
	left: 621px;
	top: 0px;}
	
span.topmenu{position: relative;
	top: 6px;}
	
/*Page Layout - Footer*/

#footer{z-index: 1; 
	width: 745px; 
	bottom: 0px; 
	position: relative;  	
	clear : both;
	height: 26px;}
	
#footerinfo{position: absolute;
	top: 0px;
	left: 1px;
	height: 26px;
	width: 743px;
	text-align: center;
	background-color: EEEEEE;
	border-top: 1px solid #C6C5C5;
	padding: 0px;}
#footerinfo span{position: relative;
	top: 5px;
	color: #888686;
	font-style: italic;}

#disclaimer{position: absolute;
	top: 26px;
	color: #73767A; /*Colour*/
	text-align: center;
	width: 745px;
	font-size: 11px;
	background-color: #444649; /*Colour*/
	height: 85px;
	font-size: 10px;}
#footermenu{position: absolute;
	top: 85px;
	color: #649F15; /*Colour*/
	text-align: center;
	width: 745px;
	font-size: 11px;
	background-color: #EEEEEE;
	height: 26px;
	font-size: 10px;
	border-bottom: 4px solid #444649; /*Colour*/
	background-image: url(images/footer.gif); 
	background-repeat: no-repeat;}
#footermenu span{position: relative;
	top: 5px;}
	
/*Counter*/
	
form{position: absolute;
	top: 7px;
	left: 3px;
	z-index: 5;}
input{background-color: #EEEEEE;
	border: #EEEEEE;
	border: 0px;
	font-weight: bold;
	color: #888686;
	font-size: 11px;}
div.count{color: #888686;
	font-size: 11px;}
	
#countdown{color: #888686;
	position: absolute;
	top: 4px;
	left: 3px;}
	
applet{position: relative;
	top: 3px;}
					
/*Design Elements*/

.hline{width: 100%;
	height: 2px;
	background-image: url(images/hline.gif); 
	background-repeat: repeat-x;}
	
.vline{height: 100%;
	width: 2px;
	background-image: url(images/vline.gif); 
	background-repeat: repeat-y;}
		
table{font-size: 11px;}	


/*Design Elements - Text*/

.title{width: 100%;
	height: 16px;
	background-color: #444649; /*Colour*/
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;}

	
.title2{width: 100%;
	height: 16px;
	background-color: #E0E0E0;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;}
	
.title3{font-weight: bold; 
	font-size: 14px; 
	color: #6B8097;} /*Colour*/
	
.nextrace{font-weight: bold; 
	font-size: 14px; 
	color: #6B8097;
	height: 20px;} /*Colour*/
	
#sidemenu{color: #666666;}

h1{font-weight: bold; 
	font-size: 22px; 
	color: #580D09;} /*Colour*/
	
h2{font-weight: bold;
	font-size: 11px; }

.center{text-align: center;}

.right{text-align: right;}

.centerbold{text-align: center;
	font-weight: bold;}
	
.small{font-size: 10px;
	font-color: #B5B3B3;} /*Colour*/
	
.date{font-size: 10px;
	font-style: normal;}

div.table{width: 100%;
	background-color: #E0E0E0;}
	
span.table{width: 100%;
	background-color: #E0E0E0;}
	
.bold{font-weight: bold;}
.greyback{background-color: #E0E0E0;}


	
span.rightalign{position: absolute;
	right: 0px;}

textarea{width: 341px;}

/*Punch Image*/
	
div#punchicon {float: left; width: 135px; height: 155px; 
   padding: 0 10px 0 0;}
div#punchicon img {width: 135px; height: 150px; }

div#punchtrack{float: right; width: 150px; height: 71px; 
   padding: 20px 10px 0 0;}
div#punchtrack img {width: 150px; height: 71px; }

#picthumb{positiion: relative;
	left: 0px;
	top: 0px;
	width: 518px;}
	
img.thumb{cursor: hand;}
	
div.image{border: solid 1px #B5B3B3;}


table{font-size: 10px;}
.tabletitle{font-weight: bold;}
.tablebg{background-color: D4D4D4;}
.tableright{text-align: right;}





.button {
	width: 185px;
	padding: 0 0 0 0;
	margin-bottom: 1em;
	font-family: Arial, helvetica, sans-serif, Verdana, Lucida, Geneva;
	background-color: #39475B;
	}
.button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}		
.button li {
	border-bottom: 1px solid #B5B3B3;
	margin: 0;
	}
.button li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #444649;
	background-color: #E0E0E0;
	color: #BF8224;
	text-decoration: none;
	width: 100%;
	letter-spacing: 1px;
	}
html>body .button li a {
	width: auto;
	}
.button li a:hover {
	border-left: 10px solid #BF8224;
	background-color: #8E97A1;
	color: #ffffff;
	letter-spacing: 1px;
	}		
.button li a:active {
	border-left: 10px solid #BF8224;
	background-color: #8E97A1;
	color: #ffffff;
	text-decoration: underline;
	letter-spacing: 1px;
	}

.hide{color: #E0E0E0;}

	
/*Page Layout - Box*/

.box{margin-bottom: 0px;
	padding-bottom: 2px;
	width: 185px;}
	
	

.oddstable{background-color: #B5B3B3;
	font-size: 11px;}
.trback{background-color: #E0E0E0}

