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

body{
	background: url(bg_body.jpg) no-repeat center top #303b97;
	color: #303b97;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body, html {margin:0; padding:0; border:0;} /* Re-sets IE to “zero” for these values */

h1{font-size: 22px; font-family: 'Arial Black', Gadget, sans-serif; margin-top: 0; padding-top:0;}
h2{font-size: 18px; font-family: 'Arial Black', Gadget, sans-serif;}
h3{font-size: 16px; font-family: 'Arial Black', Gadget, sans-serif;}
h4{font-size: 14px; font-family: 'Arial Black', Gadget, sans-serif;}
h5{font-size: 10px; font-weight: normal;}
p{font-size: 12px;}

img{border: none;}

iframe{border: none;}

li{font-size: 12px; margin: 10px 0;}

ol li{list-style-type:inherit; margin: 0 0 10px 0;}

a:link, a:visited{
	text-decoration: none;
}

a:hover, a:active{
	color: #67adf6;
	text-decoration: none;
}

#container{
	width:900px;
	margin: 0 auto;
}

/*HEADER*/
#header{
	width: 900px;
	float: left;
	height: 150px;
}

#leftHeader{
	width: 200px;
	float: left;
	text-align: left;
}

#centerHeader{
	width: 500px;
	float: left;
	text-align: center;
	color: #fff;
	margin-top: 20px;
}

#centerHeader h1{
	font-size: 19px;
	margin: 0;
	padding: 0;
}

#rightHeader{
	width: 200px;
	float: left;
	text-align: right;
}


#countdown{text-align: center; color: #fff; margin-top: 10px;}
#countdown h1{color: #fff; font-size: 20px; margin: 0; padding: 0;}

/*LEFT SIDE*/
#leftSide{
	width: 175px;
	float: left;
	margin: 20px 15px 0 0;
}

#leftSide .boxtop{
	height: 14px;
	background-image: url(leftSide-top.gif);
}

#leftSide .boxmiddle{
	background: url(leftSide-middle.gif) repeat-y;
	padding: 1px 5px;
	width: 165px;
}

#leftSide .boxbottom{
	height: 14px;
	background-image:url(leftSide-bottom.gif);
	margin-bottom: 30px;
}

.boxmiddle{color: #fff;}

.boxmiddle h1{text-align: center;}

.boxmiddle a:hover, .boxmiddle a:active{color: #303b97;} 


/*NAVIGATION*/
#navigation {
	width:165px; 
	font-size:14px; 
	font-weight:bold; 
	border-top: solid 1px #6dcff6;
}

#navigation a:link, #navigation a:active, #navigation a:hover, #navigation a:visited{
	color: #fff;
	display: block;
}

#navigation ul {margin:0px; padding:0px;}
	
#navigation ul li {
		height:35px;
		line-height:35px;
		list-style:none;
		padding-right:15px;
		color:#FFF;
		border-bottom:#6dcff6 1px solid;
		cursor:pointer;
		text-align: right;
		margin: 0;
		}
	
#navigation ul li:hover {background-color: #ed1c24; position:relative;}
	
#navigation ul ul {
		display:none;
		position:absolute;
		left:165px;
		top:5px;
		background: url(leftSide-nav.gif) repeat-y;
	}
	
#navigation ul li:hover ul {display:block;}
	
#navigation ul ul li {
	border:#2d7fe5 1px solid; 
	width:175px; 
	float:left; 
	display:inline; 
	text-align: left;
	padding: 0 0 0 15px;
	margin: 0;
}


/*CONTENT WRAPPER*/
#contentWrapper{
	width: 710px;
	float: left;
	margin-top: 20px;
}

#heros{
	margin-bottom: 15px;
	width: 710px;
	float: left;
}

.textPage #heros{display: none;}

#heroBox{
	background: url(bg_heroBox.png) no-repeat;
	width: 190px;
	height: 237px;
	padding: 5px 10px;
	margin-right: 10px;
	float: left;
}

#heroBox p{margin: 5px 0; padding: 0;}
#heroBox h1{margin: 0; padding:0;}

#heroImage{
	width: 490px;
	height: 247px;
	float: left;
}

#content{
	width: 500px;
	float: left;
	background-color: #fff;	
	min-height: 500px;
	margin-right:15px;
	padding: 10px;
}

#content h1{border-bottom: 1px solid #303b97; padding: 0 0 0 10px;}

#content p{padding: 0 0 0 10px;}

#rightSide{
	width: 175px;
	float: left;
}

#rightSide .boxtop{
	height: 16px;
	background-image:url(rightSide-top.gif);
}

#rightSide .boxmiddle{
	background:url(rightSide-middle.gif) repeat-y;
	padding: 1px 5px;
	width: 165px;
}

#rightSide .boxbottom{
	background-image: url(rightSide-bottom.gif);
	height: 16px;
	margin-bottom: 30px;
}

#poweredbyraceit{text-align: center;}

#footer{
	text-align: center;
	clear: left;
	color: #fff;
	padding: 5px 0 15px;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{color: #fff;}
#footer a:hover, #footer a:active{text-decoration: underline;}



