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

/* Global Font Size, Color, Font-Family Settings in Body */
body
{
	margin: 0px;
	padding: 0px;
	background-color: #f0f0f1;
  	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 18px;
	color: #828181;
	background-image: url(images/tileBody.gif);
	background-repeat: repeat-x;
	}

button.myButton1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 36px;
   color: black;
   padding: 2px;
   height: 100px;
   width: 275px;
   border: 1px solid #000000;
   margin: 10px 15px 10px 30px;
} 

button.myButton2 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 36px;
   color: black;
   padding: 2px;
   height: 100px;
   width: 275px;
   border: 1px solid #000000;
   margin: 10px 10px 10px 15px;
}
	
/* Global Link Colors */
a:link
{
	text-decoration: underline;
	color: #063b80;
	}
	
a:hover
{
	text-decoration: none;
	color: #063b80;
	}
	
a:visited
{
	text-decoration: underline;
	color: #063b80;
	}

	
/* Site Container that holds everything*/
#container
{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 995px;
	background-color: transparent;
}

/* Div that holds the header images in the Container */
#header
{
	margin: 0px;
	padding: 0px;
	width: 995px;
	background-color: transparent;
	}
	
/* navigation holds the main menu images */
#navigation
{
	margin: 0px;
	padding: 0px;
	width: 995px;
	height: 48px;
	}
	
/* div that holds the midsection Background Image */
#midsectionBKG
{
	margin: 0px;
	padding: 0px;
	width: 995px;
	background-color: transparent;
	background-image: url(images/tileMidsection.gif);
	background-repeat: no-repeat;
	}
	
/* div that holds the midsection parts */
#midsection
{
	margin: 0px 11px 0px 10px;
	padding: 0px;
	width: 974px;
	background-color: #FFFFFF;
	background-image: url(images/tileMidsection_dottedLine.gif);
	background-repeat: repeat-y;
	}


/* Left Column Container holds everything on the left side. */
#LcolumnContainer
{
	float: left; 
	margin: 0px;
	padding: 0px;
	width: 705px;
	}
	
/* Right Column Container holds everything on the right side. */
#RcolumnContainer
{
	float: left;
	margin: 0px;
	padding-left: 12px;
	width: 257px;
	}
	
/* Div that holds the Rcolumn items, pagecurl stretches vertically */
#pageCurl
{
	margin: 0px;
	padding-bottom: 61px;
	width: 239px;
	background-color: #f2f2f2;
	background-image: url(images/pageCurl_bottomLip.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	}

/* Class that holds the Rcolumn content, (ie. ExtranetLogin and Online Support items), insdie the pagecurl. This class can be re-used */
.RcolumnContent
{	
	margin: 0px;
	padding: 10px 20px;
	width: 199px;
	background-image: url(images/rule_Rcolumn.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
	color: #404040;
	}
	
.RcolumnContent a:link
{
	text-decoration: underline;
	font-weight: bold;
	color: #B22A1C;
	}
	
.RcolumnContent a:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #B22A1C;
	}
	
.RcolumnContent a:visited
{
	text-decoration: underline;
	font-weight: bold;
	color: #B22A1C;
}

/* Class that holds the Lcolumn content, insdie the LcolumnContainer. This class can be re-used */
.LcolumnContent
{
	margin: 0px;
	padding: 0px 30px 30px 30px;
	width: 95%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
/* Class that holds the specialty items (ie, NEW prototype and CURRENT updates), insdie the LcolumnContainer on the bottom. This class can be re-used */
.banner
{
	float: left;
	margin: 0px;
	padding: 3px 0 0 0;
	width: 705px;
	height: 116px;
	background-image: url(images/tile_bannerSpecialties.gif);
	background-repeat: repeat-x;
	}
	
/* Class that fits the width of the LcolumnContent. This class can be re-used */
.Lbanner
{
	margin: 0px;
	padding: 0px 30px 30px 80px;
	width: 565px;
	}
		
#popUp
{
	width: 900px;
	margin: 0px 15px;
	padding: 20px 40px;
	background-color: #ffffff;
	border-top: 25px solid #212F65;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 15px solid #212F65;
	}
	

/* Style of bullets. */
ul {
	list-style-type: square;
	}
	
.BulletedListUL
{ 
	margin-left: 15px;
	list-style-image: url(images/bullet.gif);
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #535353;
	text-transform: uppercase;
	line-height: 18px;
	}
	
.BulletedListUL a:link
{
	text-decoration: underline;
	color: #535353;
	}
	
.BulletedListUL a:hover
{
	text-decoration: none;
	color: #828181;
	}
	
.BulletedListUL a:visited
{
	text-decoration: underline;
	color: #535353;
}
	
/* 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
{
	margin: 0px auto 0px auto;
	padding: 30px 0px 100px 0px;
	text-align: center;
	color: #999999;
	background-color: #212121;
	font-size: 11px;
	background-image: url(images/tileFooter.gif);
	background-repeat: repeat-x;
	}

#footer a:link
{
	text-decoration: underline;
	color: #666666;
	}
	
#footer a:hover
{
	text-decoration: none;
	color: #999999;
	}
	
#footer a:visited
{
	text-decoration: underline;
	color: #666666;
}

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

td, th {
	font: 11px Verdana, 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: 18px bold Arial, Helvetica, sans-serif;
	color: #B22A1C;
	text-align: left;
	padding: 3px 0 8px 0;
}

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

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

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



.text01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #B22A1C;
	font-weight: bold;
	text-align: left;
	}
.text02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #B22A1C;
	font-weight: bold;
	}
.text03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B22A1C;
	font-weight: bold;
	}
.text04 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B22A1C;
	font-weight: bold;
	}
.text05 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B22A1C;
	font-weight: normal;
	}

.text06 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #212F65;
	font-weight: bold;
	}
.text07 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #212F65;
	font-weight: bold;
	}
.text08 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #212F65;
	font-weight: bold;
	}
.text09 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #212F65;
	font-weight: bold;
	}

.text10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #535353;
	}
.text10B {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #535353;
	font-weight: bold;
	}
.text11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #535353;
	font-weight: bold;
	}
.text12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #535353;
	font-weight: bold;
	}
.text13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #535353;
	font-weight: bold;
	}
.text14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #535353;
	font-weight: normal;
	}
	
.text15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #828181;
	font-weight: bold;
	}
.text16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #828181;
	font-weight: bold;
	}
.text17 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #828181;
	font-weight: bold;
	}
.text18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #828181;
	font-weight: normal;
	}