/* CSS Document */
/* James Jakes 20008 Cascading Style Sheet */

html {overflow: scroll;}

body            
	{
	color                       : #FFFFFF;
	background-color          	: #666666;
	margin                      : 0px;
	padding                     : 0px;
	background-image			: url(../images/constants/background_grad.jpg);
	background-repeat			: repeat-x;
	}
                
p               
	{
	color                       : #FFFFFF;
	font-family                 : Arial, Helvetica, sans-serif;
	font-size                   : 12px;
	}

b,strong                
	{
	color                       : #FFFFFF;
	font-family                 : Arial, Helvetica, sans-serif;
	font-size                   : 12px;
	font-weight                 : bold;
	}

h2          
	{
	color                       : #FFFFFF;
	font-family                 : Arial, Helvetica, sans-serif;
	font-size                   : 1.0em;
	font-weight                 : bold;
	}

.blueboldh2 
	{
	color                       : #FFD100;
	font-family                 : Arial, Helvetica, sans-serif;
	font-size                   : 14px;
	font-weight                 : bold;
	}

h1              
	{
	color                       : #FFD100;
	background                  : #333333;
	border-bottom               : 1px solid #666;
	font-family                 : Arial, Helvetica, sans-serif;
	font-size                   : 1.2em;
	}


sup             
	{
	color                       : #FFD100;
	}
	
.tinytxt{color : #FFD100; font-size:6px;}
.clear {clear:both;}

a.imagelink:hover {border: none};

ul
	{
	display                     : block;
	list-style-type             : none;
	margin                      : 0px 0px 0px 0px;
	padding-left				: 0px;
	font-weight                 : bold;
	text-decoration             : none;
	/*color:#00CC99;*/
	}

ul li {color: #ffffff; font-size: 12px;}
                
.menu-ul        
	{
	font-family					: Arial, Helvetica, sans-serif; 
	font-weight					: normal; 
	color						: #FFFFFF; 
	list-style-type				: none; 
	margin						: 0px 0px 5px 0px; 
	padding						: 0px;
	font-size					: 12px;
	}

.upper-menu
	{
	font-family					: Helvetica, Arial,  sans-serif; 
	color						: #FFFFFF;
	font-size 					: 1.2em;
	font-weight 				: 600;
	text-decoration				: none; 
	}

.lower-menu
	{
	color						: #FFD100; 
	font-size 					: 1.1em;
	font-weight 				: 600;
	text-decoration				: none; 
	}

.menu-li        
	{
	display						: inline;
	color						: #FFFFFF; 
	list-style-type				: none; 
	margin						: 0px 15px 0px 0px; 
	padding						: 0px;
	}
	
a               
	{
	color                       : #FFFFFF;
	font-family                 : Helvetica, Arial, sans-serif;
	font-size                   : 12px;
	text-decoration             : none;
	}

a:hover             
	{
	color                       : #FFD100;
	font-family                 : Helvetica, Arial, sans-serif;
	/*text-decoration             : underline;*/
	border-bottom				: 1px solid #FFFFFF;
	}
                
a.serieslist             
	{
	color                       : #FFFFFF;
	font-family                 : Helvetica, Arial, sans-serif;
	font-size                   : 12px;
	text-decoration             : none;
	}
        
#site_container     
	{
	background-image            : url(../images/constants/header_bg.jpg);
	background-repeat           : no-repeat;
	background-position         : top;
	margin                      : 0px auto;
	width                       : auto;
	height                      : 768px;
	}
                
#header         
	{
	width                       : 998px;
	height                      : 120px;
	margin                      : 0px auto;
	}

#content_border         
	{
	background-color            : #FFFFFF;
	width                       : 978px;
	height                      : auto;
	margin                      : 0px auto;
	padding                     : 10px;
	}

#content_holder 
	{
	background-color            : #000000;
	width                       : 918px;
	height                      : auto;
	margin                      : 0px auto;
	padding                     : 30px;
	background-image            : url(../images/constants/road_back.jpg);
	background-repeat           : no-repeat;
	background-position         : bottom;
	}

#logo           
	{
	width                       : 160px;
	height                      : 120px;
	margin                      : 0px 0px 0px 0px;
	float						: left;
	}

#menu           
	{
	float                       : right;
	width                       : 720px;
	height                      : 46px;
	padding                     : 50px 20px 0px 20px; 
	text-align					: left;   
	}
                
#home_image     
	{
	background-image            : url(../images/constants/head_image.jpg);
	background-color            : #000000;
	width                       : 916px;
	height                      : 302px;
	margin                      : 0px 0px 0px 0px;
	}
                
#home_left      
	{
	background-color			: #333333; 
	font-family					: Arial, Helvetica, sans-serif; 
	color						: #000000; 
	font-size					: 14px; 
	padding						: 10px; 
	margin						: 0px 0px 0px 0px; 
	width						: 600px; 
	float						: left;
	#opacity					: 0.8;
	}
                
#home_right     
	{
	background-color			: #333333; 
	font-family					: Arial, Helvetica, sans-serif; 
	color						: #000000; 
	font-size					: 14px; 
	padding						: 10px; 
	margin						: 0px 0px 0px 0px; 
	width						: 250px; 
	float						: right;
	#opacity					: 0.8;
	}
                
#page_right     
	{
	background-color			: #333333; 
	font-family					: Arial, Helvetica, sans-serif; 
	color						: #000000; 
	font-size					: 14px; 
	padding						: 10px; 
	margin						: 30px 0px 0px 0px; 
	width						: 250px; 
	float						: right;
	#opacity					: 0.8;
	}

#main_left      
	{
	background-color			: #333333; 
	font-family					: Arial, Helvetica, sans-serif; 
	color						: #000000; 
	font-size					: 14px; 
	padding						: 10px; 
	margin						: 0px 0px 0px 0px;
	min-height					: 490px;
	width						: 600px; 
	float						: left;
	#opacity					: 0.8;
	}
                
#main_right     
	{
	background-color			: #333333; 
	font-family					: Arial, Helvetica, sans-serif; 
	color						: #000000; 
	font-size					: 14px; 
	padding						: 10px; 
	margin						: 0px 0px 0px 0px; 
	width						: 250px; 
	float						: right;
	#opacity					: 0.8;
	}
	
#main_right  ul
	{
	display                     : block;
	list-style-type             : none;
	margin                      : 0px 0px 0px 0px;
	padding-left				: 0px;
	font-weight                 : bold;
	text-decoration             : none;
	/*color:#00CC99;*/
	}
     
                
#sub_right      
	{
	background-color			: #333333; 
	font-family					: Arial, Helvetica, sans-serif; 
	color						: #000000; 
	font-size					: 14px; 
	padding						: 10px; 
	width						: 250px; 
	float						: right;
	height						: 115px; 
	margin						: 30px 0px 0px 0px;
	#opacity					: 0.8;
	}
                
#main       
	{
	background-color			: #333333; 
	font-family					: Arial, Helvetica, sans-serif; 
	color						: #000000; 
	font-size					: 14px; 
	padding						: 10px; 
	margin						: 0px 0px 0px 0px; 
	width						: 900px; 
	float						: left;
	}

table
	{
	padding						: 0px;
	font-family					: Arial, Helvetica, sans-serif;
	font-size					: 12px;
	color						: #FFFFFF;
	}

th              
	{
	background-color			: #FFD100;
	text-align					: left;
	color						: #000;
	padding						: 2px;
	border-bottom				: 1px solid #000000;
	}

td              
	{
	text-align       			: left;
	/*color						: #FFFFFF;*/
	padding						: 2px;
	border-bottom				: 1px solid #666;
	}

table.plaintable
	{
	padding						: 0px;
	font-family					: Arial, Helvetica, sans-serif;
	font-size					: 12px;
	color						: #FFFFFF;
	}
                
th .plaintable      
	{
	background-color			: #FFD100;
	text-align					: left;
	color						: #000;
	padding						: 2px;
	}

td.plaintable           
	{
	text-align					: left;
	color						: #FFFFFF;
	padding						: 2px;
	border-bottom				: none;
	}
                
div.rss-link { width: 30px; height: 30px; float: right; background-image:url('../images/rss28px.png'); background-repeat: no-repeat; cursor: pointer; }
div.rss-link img { border: 0px none; }

div.calendaritem {float:left; display:block; height: auto; width: 100px; margin-right: 10px; margin-bottom: 20px;border: 5px solid #666;}
div.calendaritem  .calendaritemdetails {color:#fff; display:block; height:auto; width: 100px; background-color:#666666; margin: 90px 0px 0px 0px;}

#a.calendarlink {display:block; height: 100px; width: 100px;}
#a.calendarlink:hover {border: 5px solid #ffcc00; color:#fff;}

a.raceflag {background: url(/2008/images/flags/flag_chq.gif) 3px left no-repeat; padding: 0px 0px 0px 20px; margin: 0px 10px 0px 0px;}
a.qualifying {background: url(/2008/images/icons/time.gif) top left no-repeat; padding: 0px 0px 0px 20px; margin: 0px 10px 0px 0px;}
a.freepractice {background: url(/2008/images/icons/bullet_go.gif) top left no-repeat; padding: 0px 0px 0px 20px; margin: 0px 10px 0px 0px;}

div.teaminfo {float: left; width: 310px; height: auto; /*border: 1px solid #fff;*/}
div.teampics {float: left; width:271px; height:439px; /*border: 1px solid #fff;*/ background:url(/2008/images/teams/none.gif); margin: 10px 15px 0px 0px;}
div.copyright {color:#666; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding: 10px 0px;}