﻿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: #2e5a93;
	background-image: url("images/banner-body2.gif"); 
	background-repeat:repeat-x;	
}

.blue {
	color: #324282;
}

.bluelink {
	color: #324282;
	cursor: pointer;
}

.first{
	padding-left: 0px !important;
}


button.button-search{
	border: 1px solid #ffffff;
	background-color: white;
	background-image: url("images/icon-search.gif"); 
	background-position: center;
	background-repeat:no-repeat;
	height: 22px;
	width: 22px;
}

button.button-search:hover {
	border-left: 1px solid #b3bcc5;
	cursor: pointer;
}

.button{
	
}

.button:hover {
	cursor: pointer;
}

p {
	text-align: justify;
}

/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

#site-container {
	margin:0px auto;
	text-align: left;
	width:970px;
	border:0px solid #000000;
	background-color: #305f9b;
	background-image: url("images/content-body.gif"); 
	background-repeat:repeat-y;

}

/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

#banner-top{
	background-image: url("images/banner-top2.gif"); 
	background-position: bottom;
	background-repeat:no-repeat;
	height: 31px;
}

#banner-top-left{
	float:left;
}

#banner-top-left ul {
	padding:0px;
	margin: 0px;
	position: relative;
	top:-2px;
}

#banner-top-left li {
	display: inline;
	list-style-type: none;
	margin:0px;
	padding: 0px 0px 0px 20px;
}

#banner-top-left li .first {
	padding-left: 0px;
}


#banner-top-right{
	float:right;
	margin-right: 20px;
	position: relative;
	top: 3px;
}

#banner-top-right #blasttriclub a:hover img {
	border-bottom: 1px #000000 solid;
}

#banner-mid{
	background-image: url("images/banner-mid2.jpg"); 
	background-repeat:no-repeat;
	height: 173px;
}

#banner-mid #logo {
	float:left;
	margin-top: 18px;
	margin-left: 22px;
}

#banner-mid #logo a:hover img {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75; 
	-khtml-opacity:0.75;
}

#banner-mid #right{
	float:right;
	height: 173px; 
	width: 640px;
}

#banner-mid #right #banner-search{
	float:right;
	position: relative;
	top: 50px;
	left: -14px;
}

#banner-mid #right .search-query{
	padding-top:5px;
	padding-left:5px;
	height:20px;
	width: 175px;
	font-family: "Courier New", Courier, monospace;
	margin: 0px;
	border: 0px;
	float:left
}

#banner-mid #right button.button-search{
	float:left;
	background-color: #ffffff;
	height: 26px;
}
#banner-mid #right #links{
	float:left;
	width: 640px;
	position: relative;
	top: 104px;
}

#banner-mid #right #links ul{
	margin: 0px;
	padding:0px;
}

#banner-mid #right #links li{
	display: inline;
	list-style-type: none;
}

#banner-mid #right #links li.onlinereg{
	padding: 0px
}

#banner-mid #right #links a{
	float:left;
	height: 30px;
	width: 200px;
	padding-top:10px;
	background-color:  #315a92;
	border-top:3px #3c3616 solid;
	border-left:1px #70631d solid;
	border-right:1px #70631d solid;
	text-align: center;
	margin-left:5px;
	color:#ffffff;
	font-size: 15px;
}

#banner-mid #right #links li a:hover{
	background-color: #c9d5e5;
color:#305f9b;
}


#banner-mid #right #links li.onlinereg a{	
	border-top:3px #70340e solid;
	border-left:1px #662903 solid;
	border-right:1px #662903 solid;
	background-color: #f77929;
	margin-left:10px;
	color: #ffffff;
}

#banner-mid #right #links li.onlinereg a img.logo {
	float: left;
	position: relative;
	right: -19px;
	bottom: -1px;
}

#banner-mid #right #links li.onlinereg a:hover{
	background-color: #ff8e47;
}


#banner-bottom{
	background-image: url("images/banner-bottom2.gif"); 
	background-repeat:no-repeat;
	height: 11px;
}

/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

#content-container{
	padding: 12px 13px 10px 13px;
}

#content-container table{
	padding: 0px;
	margin: 0px;
}

#content-container td{
	vertical-align: top;
}

#content-left{
	width: 160px !important;
	height: 602px;
	border: 1px #305f9b solid;
	padding-right:20px;
}

#content-mid{
	width: 580px !important;
}

#content-right{
	width: 160px !important;
	height: 602px;
	border: 1px #305f9b solid;
	padding-left:20px;
}

/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

#footer{
	width:100%;
	background-image: url("images/footer-body.gif"); 
	background-repeat:repeat-x;
	text-align: center;
	font-size: 11px;
	color: #adaeaf;
	background-color: #525252;
}

#footer-container{
	background-image: url("images/footer-top2.gif"); 
	background-repeat:no-repeat;
	background-position: center top;
	padding-top:30px;
}

#footer-container ul {
	margin:0px;
	padding:0px;
}

#footer-container li {
	display: inline;
	list-style-type: none;
	padding:0px 20px;
}

#footer-container a{
	color: #adaeaf;
}

#footer-container.child{
	clear: both; 
	margin-top: 10px; 
}

/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/

#index-splashads{
	height: 175px;
	margin-bottom: 5px;
}

#index-splashads ul{
	margin:0px;
	padding:0px;
}

#index-splashads li{
	display: inline;
	list-style-type: none;
	padding:0px 0px 0px 12px;
}

#index_results{
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow:-moz-scrollbars-vertical;
	background-color: #b8c3d1;
	float: left;
	width: 278px;
	height:420px;
	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;
}

a.racelink {
	float:left;
	color: #324282 ;
	width: 235px ;
	cursor: pointer;
}

a.racelink:hover  {
	float:left;
	background-color:#fed73c;
	text-decoration: none;
	padding:0px 10px;
}

/*-------------------------------------------------------------*/

#index_splash{
	width: 580px;
	height: 180px;
}

#index_events{
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;	
	overflow:-moz-scrollbars-vertical;
	background-color: #b8c3d1;
	float: left;
	width: 288px;
	height:420px;
	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;
	width:580px;
}


#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:400px;
	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{
	width:580px;
}

#quickmonthlinks ul {
	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:91px;
	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;
	border:1px #000000 solid;
	font-weight: bold;
	text-align: center;
	padding:5px;
	margin: 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 {
	width: 565px !important;
	font-size: 15px;
	border:1px solid #000000;
	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;
	text-align: center;
	border: 1px #3c3c3c solid;
	background-color: #315a92;
	height:40px;
	margin: 10px 3px 0px 3px;
	padding: 0px 5px;
}

.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;
	}
}

#gencontent{
	background-color: #d5dff7; 
	padding: 10px 15px 5px 15px; 
	border-left: 1px #3c3c3c solid; 
	border-right: 1px #3c3c3c solid; 
	border-bottom: 1px #3c3c3c solid; 
	min-height: 486px
}
