/*------------------------------------ body and general styles --------------------------------*/


html
{
font-size: 125%;
font-family: verdana, arial, helvetica, sans-serif;
height: 100%;
}




/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */


#wrap {height: 100%;min-height: 1050px;}

body > #wrap {height: auto;height: 100%; min-height: 850px;}
.bodycontent > #wrap {height: auto;height: 100%; min-height: 850px;}

#mainfooter {padding-bottom: 30px;}  /* must be same height as the footer */



/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body
{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-size: 50%;
background-image:
url('images/back.gif');
background-repeat:repeat;
height: 100%;
}

.bodycontent
{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-size: 50%;
background-image:
url('images/back_content.gif');
background-repeat:repeat;
height: 100%;
}


#siteframe
{
	/*	This div sets the viewable area of the page to 970px centered. 
		This replaces the similar declaration that used to be located
		on the body tag. The reason for this is because setting the 
		body tag with the following styles causes any documents rendered
		in a pop-up window to have incorrect margins.
    */
background: transparent;
width: 1000px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
border: 0px;
padding: 0px 0px 0px 0px;
position: relative;
}



img 
{
border: 0px;
}


td
{
font-size: 11px;
line-height: 1.7em;
color: #000000;
padding-bottom: 10px;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}

#space
{
width: 1px;
height: 8px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header
{
position: relative;
top: 25px;
left: 10px;
width: 983px;
height: 50px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image:
url('images/footer.jpg');
}


#footer
{
position: relative;
margin-top: -30px; /* negative value of footer height */
height: 30px;
clear:both;
padding-top: 8px;
font-size: 9px;
text-align: center;
font-family: Verdana, Geneva, Arial, sans-serif;
background-color: #000;
color: #999999;

} 
	 
/*------------------------------------ end body styles --------------------------------*/


/*------------------------------------ text and links --------------------------------*/


a.sitelink:link
{
color: #66ff00;
text-decoration:underline;

}

a.sitelink:visited
{
color: #66ff00;
text-decoration:underline;

}

a.sitelink:hover
{
color: #66ff00;
text-decoration:NONE;

}


a.sitelink:active
{
color: #66ff00;
text-decoration:underline;

}

.text
{
font-size: 11px;
line-height: 1.7em;
color: #0099cc;
}

.boldtext
{
font-weight: bold;
COLOR: #FFFFFF;
}

.boldtext2
{
font-weight: bold;
COLOR: #ff0000;
}

a.main:link
{
color: #FF0000;
text-decoration:underline;
font-weight: bold;

}


a.main:active
{
color: #FF0000;
text-decoration:underline;
font-weight: bold;
}


a.main:hover
{
color: #FF0000;
text-decoration:NONE;
font-weight: bold;
}


a.main:visited
{
color: #FF0000;
text-decoration:underline;
font-weight: bold;
}



a.main2:link
{
color: #000000;
text-decoration:underline;
font-weight: bold;

}


a.main2:active
{
color: #000000;
text-decoration:underline;
font-weight: bold;
}


a.main2:hover
{
color: #000000;
text-decoration:NONE;
font-weight: bold;
}


a.main2:visited
{
color: #000000;
text-decoration:underline;
font-weight: bold;
}


a.nav:link
{
color: #FFFFFF;
text-decoration:none;
border-bottom:1px dotted #FFFFFF;
}


a.nav:active
{
color: #FFFFFF;
text-decoration:none;
}


a.nav:hover
{
color: #FFFFFF;
text-decoration:NONE;
}


a.nav:visited
{
color: #999999;
text-decoration:none;
border-bottom:1px dotted #999999;
}


.bigtext
{
font-size: 14px;
line-height: 1.7em;
color: #ffffff;
font-weight: bold;
}


.colortext
{
color: #ffffff;
font-weight: bold;
}

#plaintext
{
position: relative;
top: 130px;
left: 30px;
float: left;
width: 500px;
height: 400px;
font-size: 11px;
line-height: 1.7em;
color: #999999;
z-index: 9999;
}



/*------------------------------------ end text and links --------------------------------*/

/*------------------------------------ nav --------------------------------*/
#nav_home
{
position: relative;
top: 95px;
left: 20px;
width: 36px;
height: 14px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 1;
}


#nav_about
{
position: relative;
top: 94px;
left: 70px;
width: 36px;
height: 14px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 1;
}


#nav_races
{
position: relative;
top: 94px;
left: 136px;
width: 36px;
height: 14px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 1;
}

#nav_media
{
position: relative;
top: 94px;
left: 219px;
width: 36px;
height: 14px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 1;
}



#nav_links
{
position: relative;
top: 94px;
left: 279px;
width: 36px;
height: 14px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 1;
}

#nav_chat
{
position: relative;
top: 94px;
left: 330px;
width: 36px;
height: 14px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 1;
}


#nav_newsletter
{
position: relative;
top: 94px;
left: 545px;
width: 36px;
height: 14px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 1;
}


#nav_pits
{
position: relative;
top: 94px;
left: 645px;
width: 36px;
height: 14px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 1;
}


/*------------------------------------ end nav --------------------------------*/

/*------------------------------------ header --------------------------------*/

#top
{
position: relative;
width: 100%;
height: 119px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 1;
background-image:
url('images/top.gif')
}





#bottom
{
background-color: #ffff33;
position: relative;
width: 100%;
height: 50px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 999;
background-image:
url('images/back.gif');
background-repeat:repeat;
}




#shadowtop
{
position: absolute;
top: 119px;
left: 0px;
width: 100%;
height: 5px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image:
url('images/shadowtop.gif');
z-index: 1;
}



#shadowbottom
{
position: relative;
top: 428px;
width: 100%;
height: 3px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image:
url('images/shadowbottom.gif')
}


/*------------------------------------ end header --------------------------------*/




#block
{
position: relative;
width: 100%;
height: 330px;
float:left;
padding: 0px 0px 0px 0px;
background-image:
url('images/mid_2.gif')
}


#blockcontent
{
position: relative;
width: 100%;
height: auto;
float:left;
padding: 0px 0px 0px 0px;
}


#main
{
position: absolute;
top: 0px;
width: 1000px;
height: 330px;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
z-index: 9999;
background-image:
url('images/mid_main.jpg')
}

#title
{
position: absolute;
top: 35px;
left: 15px;
width: 980px;
max-width: 980px;
height: 80px;
padding: 0px 0px 0px 7px;
margin: 0px auto 0px auto;
z-index: 9999;
}


#content_pic
{
position: relative;
top: -10px;
left: -60px;
float:RIGHT;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 9999;

}

#hometext
{
position: absolute;
top: 140px;
left: 20px;
width: 745px;
padding: 0px 0px 0px 7px;
margin: 0px auto 0px auto;
z-index: 9999;
font-size: 12px;
line-height: 1.7em;
color: #000000;
height: 500px;
min-height: 500px;
max-height: 600px;
}


/*------------------------------------ end containers --------------------------------*/

/*------------------------------------ home --------------------------------*/

#newsblock 
{
position: relative;
width: 325px;
height: 291px;
float:left;
padding: 0px 0px 0px 0px;
margin: 9px 0px 13px 10px;
z-index: 999;
background-image:
url('images/news.gif')
}

#videoblock 
{
position: relative;
width: 325px;
height: 291px;
float:left;
padding: 0px 0px 0px 0px;
margin: 9px 0px 0px 6px;
z-index: 999;
background-image:
url('images/video2.gif')
}


#raceblock 
{
position: relative;
width: 328px;
height: 300px;
float:right;
padding: 0px 0px 0px 0px;
margin: 9px 0px 0px 0px;
z-index: 999;

}

#text1
{
position: relative;
top: 37px;
width: 280px;
height: 200px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 23px;
z-index: 999;
font-size: 11px;
line-height: 1.7em;
color: #666666;
}


#text2
{
position: relative;
top: 32px;
width: 298px;
height: 238px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 13px;
z-index: 999;
background-image:
url('images/race_info.jpg')
}


#maintext
{
position: absolute;
top: 65px;
left: 5px;
width: 340px;
height: 200px;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 23px;
z-index: 999;
font-size: 11px;
line-height: 1.7em;
color: #000000;
}


/*------------------------------------ end home --------------------------------*/



/*------------------------------------ nav rollovers --------------------------------*/



#nav 
{ 
position: absolute;
top: 0px;
left: 0px;
width: 1000px;
height: 119px;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
z-index: 999999;
background-image: url('images/top_main.jpg');
}
	


	



/*------------------------------------ nav rollovers --------------------------------*/



/*------------------------------------ form styles --------------------------------*/


form
{
font-size: 11px;
line-height: 1.7em;
color: #666666;
}

input
{
background-color: #666666;
font-size: 11px;
color: #ffffff;
}

textarea
{
background-color: #666666;
font-size: 11px;
color: #ffffff;
}


select
{
background-color: #666666;
font-size: 11px;
color: #ffffff;
}


/*------------------------------------ end form styles --------------------------------*/