﻿html {
	overflow-y: scroll;
	min-height: 100%;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 10pt; 
}

hr {
	color: #324282;
}

h3 {
	border-bottom: 2px #315a92 solid;	
}

img {
	border:0px;
}

a img {
	border:0px;
}

a {
	color: #fed73c;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

body {
	margin:0px;
	text-align: center;
	background-color: #4b4b4b;
	background-image: url('images/background-shade.gif'); 
	background-repeat:repeat-x ;	
}

.blue {
	color: #324282;
}

.bluelink {
	color: #324282;
	cursor: pointer;
}

/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

#site_container {
	margin:0px auto;
	text-align: left;
	width:790px;
	border:0px solid #000000;
	background-image: url('images/background-content.gif'); 
	background-repeat:repeat-y;
}

/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

#banner{
	height: 144px;
}

#banner .b1{
	background-image: url('images/banner-start.gif');
	width: 11px; 
	height: 144px; 
	float: left;
}

#banner .b2{
	background-image: url('images/banner-logoarea-1.gif'); 
	width: 258px; 
	height: 144px; 
	float: left;
}

#banner .b2 img {
	margin-top: 7px; 
	margin-left: 10px;
}

#banner .b2 a:hover img {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75; 
	-khtml-opacity:0.75;
}


#banner .b3{
	background-image: url('images/banner-logoarea-3.jpg'); 
	background-repeat: repeat-x ;
	width: 510px; 
	height: 144px; 
	float: left;
}

#banner .b4{
	background-image: url('images/banner-end.gif'); 
	width: 11px; 
	height: 144px; 
	float: left;
}

/*-------------------------------------------------------------*/

#banner_links_top{
	height: 30px;
}

#banner_links_top a{
	float: right;
	margin-right: 20px;
	margin-top: 4px
}

#banner_links_top a:hover{
	border-bottom:1px #000000 solid;
}

/*-------------------------------------------------------------*/

#banner_links_mid{
	text-align: right;
	margin-right:5px;
}

#banner_links_mid ul{
	margin:0px;
	padding:0px;
	padding-top: 5px;
}

#banner_links_mid li{
	display: inline;
	list-style-type: none;
	padding-left: 10px;
}

#banner_links_mid a {
	font-family: Tahoma;
	font-size: 14px;
	color: #000000;
}

#banner_links_mid .first {
	padding-left: 0px;
}

#banner_links_mid a:hover {
	border-bottom:1px #000000 solid;
	text-decoration: none ;
}

/*-------------------------------------------------------------*/

#banner_links_bottom {
	text-align: right;
}


#banner_links_bottom ul{
	margin:0px;
	padding:0px;
	padding-top: 2px;
}

#banner_links_bottom li{
	list-style-type: none;
	padding-left: 29px;
	float:left;
}

#banner_links_bottom a {
	font-family: Tahoma;
	font-size: 14px;
	color: #FFFFFF;
	float:left;
	margin-top:10px;
}

#banner_links_bottom .first {

}

#banner_links_bottom a:hover {
	border-bottom:1px #FFFFFF solid;
	text-decoration: none ;
}

#banner_links_bottom .onlinereg {
	padding-right: 0px;
}

#banner_links_bottom li.onlinereg {
	float:right;
	margin:0px;
	padding:0px;
}

#banner_links_bottom li.onlinereg .logo {
	float:left;
	position: relative;
	left:4px;
	bottom: 1px;
}

#banner_links_bottom li.onlinereg a{	
	margin:0px;
	padding:0px;

	border-top:1px #1c3b74 solid;
	border-left:1px #1c3b74 solid;
	border-right:1px #2d548f solid;
	border-bottom:1px #446da3 solid;
	background-color: #f77929;
	float:left;
	margin-top:1px;
	padding: 8px 9px 2px 5px;
}

#banner_links_bottom .onlinereg a:hover{
	background-color: #ff8334;
}

/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

#footer{
	float: left;
	border-top: 1px #000000 solid;
	padding-top:10px;
	text-align: center;
	font-size: 11px;
	color: #adaeaf;
	background-image: url('images/footer-shade.gif'); 
	background-repeat: repeat-x; 
}

#footer ul {
	margin:0px;
	padding:0px;

}

#footer li {
	display: inline;
	list-style-type: none;
	padding:0px 20px;
}


#footer a{
	color: #adaeaf;
}

#footer.child{
	clear: both; 
	margin-top: 10px; 
	background-image: none; 
	float:none;
}

/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

#body {
	float: left;
	background-image: url('images/content-background.gif'); 
	background-repeat: repeat-y; 
	padding-left:21px;
	padding-top:5px;
	min-height: 300px;
}

#sidead_container{
	float: left;
	width: 175px;
	height:627px; 
	margin-right: 10px; 
	border: 1px #000000 solid; 
	background-color: #FFFFFF;
}

#content_container {
	float:left;
	width:580px;
}

#content_container.full{
	width:767px;
	float:left;
}

#index_splashflash{
	width: 580px; 
	height: 174px;
	float: left; 
	margin-bottom: 3px;
	background-color:#ffffff;
	text-align: center;
}

/*-------------------------------------------------------------*/

#index_results{
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow:-moz-scrollbars-vertical;
	background-color: #b8c3d1;
	float: left;
	width: 278px;
	height:450px;
	border: 1px #000000 solid;
	margin-right:10px;
}

#index_results .header {
	background-image: url('images/banner-resultsglance.gif'); 
	height: 23px; color: #ffffff; 
	padding-left: 5px; 
	padding-top: 2px;
}

#index_results a.header {
	color: #fed73c;
}

.race {
	color: #324282;
	margin-bottom:2px ;
	padding:5px;
	background-color: #edeff1;
	float:left;
	width: 260px;
}

.race_name {
	font-weight: bold ;
	color: #000000;
}

.race a {	
	float: left;
	width: 235px;
	color: #324282 ;
	cursor: pointer;
}

.race a:hover {
	float: left;
	padding:0px 10px;
	text-decoration: none;
	background-color:#fed73c;
}

/*-------------------------------------------------------------*/

#index_events{
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;	
	overflow:-moz-scrollbars-vertical;
	background-color: #b8c3d1;
	float: left;
	width: 288px;
	height:450px;
	border: 1px #000000 solid;
}

#index_events .header {
	background-image: url('images/banner-eventsglance.gif'); 
	height: 23px; 
	color: #ffffff; 
	padding-left: 5px; 
	padding-top: 2px;
}

#index_events a.header {
	color: #fed73c;
}

.event {
	color: #324282;
	margin-bottom:2px ;
	padding:5px;
	background-color: #edeff1;
	float:left;
	width: 260px;
}


a.event:hover  {
	cursor: pointer;
	background-color:#fed73c;
	text-decoration: none;
}

.event .DateName {

}

.event .RaceName {
	font-weight: bold ;
}

.event .RaceType {
	font-style: italic ;

}

/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

#eventstable {
	background-color: #FFFFFF ;
	border:1px #000000 solid;
}


#eventstable tr {
	border:1px #000000 solid;
	background-color: #4699ff;
}

#eventstable tr :hover{
	cursor: default;
}

#eventstable tr :hover a:hover {
	cursor: pointer;
}

#eventstable tr.normal {
	background-color: #4699ff;
}

#eventstable tr.highlight {
	background-color: #f3f6fa !important;
}

#eventstable tr.highlight a {
	color: #1964b8 !important;
}

#eventstable tr.month td{
	text-align: center;	
	font-weight: bold ;
	background-color:#f6d900;
	border-top:5px #FFFFFF solid;
	text-transform: uppercase;
	letter-spacing: 5px;
	vertical-align: middle;
}

#eventstable tr.month :hover{
	cursor: default;	
}

#eventstable tr.header td{
	padding:5px;
	background-color: #210656;	
	color: #FFFFFF;
	vertical-align: middle;
}

#eventstable tr.header :hover{
	cursor: default;	
}

#eventstable tr.advertise td{
	background-color:#537aa1;
}

#eventstable tr.advertise :hover{
	cursor: default;	
}

#eventstable td {
	padding:2px;
	margin:0px;
	vertical-align: top;
	height: 20px;
}

#eventstable .racedate{
	text-align: center;	
}

#eventstable .racename{
	
}

#eventstable .location{
	text-align: center;		
}

#eventstable .racetype{
	text-align: center;	
}

#eventstable .racedist{
	text-align: center;		
}

#eventstable .registrar{

}

#eventstable .icon{
	float:left;
	padding-right:2px;
}

#eventstable .raceinfourl{
	text-align: center;	
}

#eventstable .contactemail{
	text-align: center;	
}

/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

#quicklinksheader{
	width:590px;
	float: left;
	background-color: #FFFFFF;
	padding:5px;
	border:1px #000000 solid;
	font-weight: bold;
	height: 20px; 
}

#raceyearselect{
	width: 150px; 
	height: 20px; 
	float: right;
	padding: 3px 5px 7px 5px;
	border: 1px black solid; 
	background-color:#fcd200;
}

#raceyearselect select{
	height: 20px;
	width: 75px;
	margin-left:10px;
	position: relative;
	top:2px;
	font-size: 11px;
}

#quickmonthlinks{
	margin-top:00px;
	width:770px;
}

#quickmonthlinks ul {
	clear:both;
	margin: 0px;
	padding:0px;
	margin-left:5px
}

#quickmonthlinks li {
	margin: 0px;
	padding:0px;
	display: inline;
}

#quickmonthlinks li a{
	border: 1px #000000 solid;
	float:left;
	text-align: center;
	width:121px;
	padding:5px 0px;
	margin:1px 1px;
	border: 1px #3c3c3c solid;
	background-color:#f8ed9c;
	color: #000000;
}

#quickmonthlinks li a:hover{
	font-weight: bold ;
	text-decoration: none ;
	background-color:#fcd200;
	font-size: 13px;
}

#searchbar {
	background-color: #FFFFFF;
	padding:5px;
	border:1px #000000 solid;
	font-weight: bold;
	text-align: center;
	margin-top:5px;
	clear:both;
}

#search_query{
	width:200px;
	font-style: italic ;
	font-family: "Courier New", Courier, monospace ;
}

#search_submit{
	color: #324282;
	margin:3px 0px 0px 10px;
	height: 25px;
	font-size:12px;
	padding:0px 5px;
}

/*-------------------------------------------------------------*/

.results_month_header {
	text-align: center;	
	font-weight: bold ;
	background-color:#fcd200;
	padding: 5px;
	margin-top:5px;
	border:1px solid #000000;
	font-size:14px;
	text-transform: uppercase;
	letter-spacing: 5px; 
}

.results_date_container{
	padding:5px; 
	background-color:#ffffff;
	border-left:1px #000000 solid; 
	border-right:1px #000000 solid;
}

.results_date{
	border:1px solid #000000;
	margin:0px 0px 5px 0px;
	padding:5px 0px 5px 0px;
	background-color: #210656; /*610861*/	
	color:#FFFFFF;
	text-align: center;
}

.results_race_container {
	font-size: 15px;
	border:1px solid #000000;
	margin:5px 0px 0px 0px;
	padding:5px;
	background-color: #aac2de;
}

.results_race_name {
	font-weight: bold;
	font-style: italic ;
	color:#000000 ;
	border-bottom: 2px #000000 solid;
	text-align: center;
}

.results_race_file {
	color:#ffffff;
	margin:10px 3px 0px 3px;
	padding:5px 5px;
	text-align: center;
	border: 1px #3c3c3c solid;
	background-color: #315a92;
	height:50px;
}

.results_race_file:hover{
	color:#f6d900;
	text-decoration: none ;
	background-color: #4699ff;
	cursor: pointer;
}

#results_racecount{
	float:right; 
	margin-right:10px; 
	padding:5px;
	font-size: 10px;
}

/*-------------------------------------------------------------*/

#cssform {
	margin:0px 20px 20px 20px;
	padding:10px;
	border: 1px #3d3d3d solid;
	background-color: #ECF1F4;
}

#cssform label{
	float:left;
	width:100px;
}

#cssform input{
	margin-left:0px;
}

#cssform select{
	margin-left:0px;
}

#cssform textarea{
	width:315px;
	height: 150px;
}


#cssform .formbutton{
 	float: right;
	cursor:pointer;
	border:outset 1px #ccc;
	color:#FFFFFF;
	background-color: #000080;
	font-weight:bold;
	padding: 1px 2px;
}

/*-------------------------------------------------------------*/

#resultsreader {
	background-color: #FFFFFF;
	background-image: none;
	text-align: left;
}

#resultsreader-header {
	height: 79px;
	background-image: url('images/resultsreader-bg.gif');
	background-repeat: repeat-x; 
}

#resultsreader-url {
	font-size:20px; 
	padding-left:5px;
	float:right;
	text-align: right;
	width:400px;
}

#resultsreader-buttons{
	width:400px;
	margin-top:15px;
	text-align: right;
	float:right;
}

#resultsreader button{
	color: #324282;
	margin:3px 0px 0px 10px;
	height: 25px;
	font-size:12px;
	padding:0px 5px;
}

#resultsreader-results{
	float:left;
	font-size: 14px
}

@media print {
	#resultsreader-buttons{
		display: none;
	}
}

/*-------------------------------------------------------------*/

#resultssearch {
	background-color: #FFFFFF;
	background-image: none;
	text-align: left;
}

#resultssearch-header {
	height: 79px;
	background-image: url('images/resultsreader-bg.gif');
	background-repeat: repeat-x; 
}

#resultssearch-url {
	font-size:20px; 
	padding-left:5px;
	float:right;
	text-align: right;
	width:400px;
}

#resultssearch-queryarea{
	width:500px;
	margin-top:15px;
	text-align: right;
	float:right;
}

#resultssearch .button{
	color: #324282;
	margin:3px 0px 0px 10px;
	height: 25px;
	font-size:12px;
	padding:0px 5px;
}

#resultssearch-results{
	float:left;
	font-size: 14px
}

@media print {
	#resultssearch-queryarea{
		display: none;
	}
}

