@charset "UTF-8";
/* CSS Document */


/* Global Font Size, Color, Font-Family Settings in Body */
body
{
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #656565;
	}
	
/* Global Link Colors */
a:link
{
	text-decoration: none;
	color: #EC8F01;
	
	}
	
a:hover
{
	text-decoration: underline;
	color: #EC8F01;
	}
	
a:visited
{
	text-decoration: none;
	color: #EC8F01;
}

/* Site Container that holds everything*/
#Container
{
	width: 1024px;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
}


/* Site Container that holds everything below the header Images */
#subContainer
{
	width: 964px;
	margin: 0px auto 0px auto;
	padding: 0px 30px 0px 30px;
	background-image: url(images/Background_Tile.gif);
	background-repeat: repeat-y;	
}

/* Banner that can be re-used that fits the total width of the Container */
.banner1
{
	width: 1024px;
	}
	
/* Banner that can be re-used that fits the total width of the Container */
.banner2
{
	width: 663px;
	border-bottom: double #666666;
	margin: 20px 0px 20px 0px;
	padding-bottom: 20px;
	}
	
/* Banner that can be re-used that fits the total width of the Container */
.photoBanner
{
	width: 663px;
	height: 525px;
	border-bottom: double #666666;
	margin: 20px 0px 20px 0px;
	padding-bottom: 20px;
	}
	
/* Class that can be re-used that fits anywhere in the subContainer */
.imageCell
{
	float: left;
	padding-right:10px;
	}

/* Class that can be re-used that fits anywhere in the subContainer */
#TopContentCell
{
	float: left;
	width: 395px;
	padding-right: 20px;
	text-align: left;
	}	
	
/* Container that holds the Bottom Content in three columns, inside banner2 */
.BottomcontentCells
{
	float: left;
	width: 221px;
	}

.BottomcontentCellLeft
{
	float: left;
	width: 180px;
	margin: 16px 12px 0px 6px;
	}
		
		
/* Container that holds the Bottom Content in three columns, inside banner2 */
.BottomtextCells
{
	width: 201px;
	padding: 5px 10px 0px 10px;
}

/* Navigation Menu */
#navigation
{
	float: left;
	width: 964px;
	background-color:#000000;
}

/* Left Column Container */
#LcolumnContainer
{
	float: left;
	width: 301px;
	background-image: url(images/LColumn_Background.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
/* Left Column Container */
#LcolumnContent
{
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	min-height: 460px;
	width: 246px;
	background-color: #D2161C;
	padding: 0px 22px 0px 22px;
	}
	
.LcolumnContent a:link
{
	text-decoration: underline;
	color: #FFFFFF;
	}
	
.LcolumnContent a:hover
{
	text-decoration: none;
	color: #FFFFFF;
	}
	
.LcolumnContent a:visited
{
	text-decoration: none;
	color: #FFFFFF;
}

.LcolumnContentUL
{ 
	list-style-image: url(images/arrow_bullet.gif);
	line-height: 25px;
	}	
	
/* Left Column Container */
#RcolumnContainer
{
	float: Left;
	width: 663px;
	background-color: #FFFFFF;
	margin-bottom: 12px;
	}
	
.image1
{
	float: left;
	width: 221px;
	padding-right: 15px;
}

/* Style of bullets. */
ul {
	list-style-type: square;
	overflow: none;
}


.text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #BC3823;
	font-weight: bold;
}
.text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #f4d200;
}
.text3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.text4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}
.text5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #67767a;
}
.text6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.text7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.text8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #94AEC5;
}
.text9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #4E4E4E;
}


/* Tabular style for Schedule/RaceResults/RaceClasses */

td, th {
	font: 12px Arial, Helvetica, sans-serif;
}

.datatable {
	border: none;
	border-collapse: collapse;
	width: 100%;
}

.datatable td {
	border: none;
	padding: 7px;
}

.datatable th {
	border: none;
	background-color: #E0E0E0;
	color: #656565;
	font-weight: bold;
	text-align: left;
	padding: 7px;
}

.datatable caption {
	font: 15px bold Arial, Helvetica, sans-serif;
	color: #BC3823;
	text-align: left;
	padding: 3px 0 8px 0;
}

.datatable tr.altrow {
	background-color: #E7F1FE;
	color: 000000;
}

.datatable tr: hover {
	background-color: F4D200;
	color: #000000;
}

.datatable a:link
{
	color: #BC3823;
	text-decoration: underline;
	}

/* Tabular rollovers Script for IE6 */
.datatable tr: hover, .datatable tr.hilite {
	background-color: F4D200;
	color: #000000;
}

/* Style of Forms */
input.txt {
	color: #311905;
	background-color: #F6E7D2;
	border: 1px outset #311905;
}

input.btn {
	color:: #FADBB5;
	background-color: #E2C8A5;
	border: 1px outset #311905;
}

form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
} 

form p label {
	float: left;
	width: 30%;
	font: bold 11px Arial, Helvetica, sans-serif;
}
/*
fieldset {
	
	border: 1px solid #311905;
	background-color: #F6E7D2;
	color: #311905;
	margin-top: 16px;
	padding: 10px 5px 30px 5px;
}

legend {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: 311905;
}
*/

/* styling for Photo Gallery */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* slides */

.photo {width:635px; text-align:left; position:relative;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul 
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa;}

.photo ul.topic li a:hover ul li, 
.photo ul.topic li:hover ul li 
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li a:hover ul li a, 
.photo ul.topic li:hover ul li a 
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li a:hover ul li a img, 
.photo ul.topic li:hover ul li a img 
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}



	
/* A class that clears both, and has nothing in it. If you stick it directly under floating divs, but inside of the container div, it will recognize the floats, plus the container will recognize the fixer, allowing the container div to expand vertically correctly. */
.fixer
{
	clear: both;
	margin: 0px;
	padding: 0px;
	}

/* Footer Div properties */
#footer
{
	clear: both;
	width:: 964px;
	min-height: 50px;
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
	background-image: url(images/Footer_Background.gif);
	background-repeat: repeat-x;
	}

#footer a
{
	color: #FFFFFF;
	text-decoration: underline;
	}

#footer a:link
{
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#footer a:hover
{
	text-decoration: none;
	color: #FFFFFF;
	}