/******************************
  cctta v2.3
  08-23-2008
  www.newcleardesigns.com
  ...
  cctta v2.0 
  03-05-2005
  www.newcleardesigns.com 
******************************/

/* global whitespace reset */
html * { margin: 0px; padding: 0px; border: none; font-family: verdana, helvetica, arial, sans-serif; font-size: 12px; }

/* Reset some defaults and define body styles */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(../assets/webgfx/bg/bg_body.gif);
	background-repeat: repeat-y;
	background-position: 50%;
	}
p, td, input, ul, li, option, select, textarea {
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 12px; 
	color: #666666;
	line-height: 18px;
	}
p	{
	padding-top: 5px;
	padding-bottom: 10px;
	}
ul, ol {
	margin-left: 30px;
	}
ul, ol {
	color: #000099;
	}
	
#container {
	position: relative;
	margin: 0 auto;
	width: 750px;
	text-align: left;
	}
#banner1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 750;
	height: 309;
	}
#banner2 {
	position: absolute;
	top: 174px;
	left: 0px;
	width: 750;
	height: 135;
	}
#bannerSec {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 750px;
	height: 212px;
	}
#content {
	position: absolute;
	top: 309px;
	left: 0px;
	width: 550px; /* BEGIN box model hack for IE5.X [IE 5 gets 180px as box includes padding] */
	voice-family: "\"}\""; 
  voice-family:inherit; /* END box model hack for IE5.X */
	width: 378px;
	padding: 20px;
	padding-left: 172px; 
	background-image: url(../assets/webgfx/bnr/bg_home_3-stopwatch.jpg);
	/* Plain, no rider or object on home page banner. 
	background-image: url(../assets/webgfx/bnr/bg_home_3-plain.jpg);
	*/
	/* Harkey / Bianchi Banner 
	background-image: url(../assets/webgfx/bnr/bg_home_3-bianchi.jpg); 
	*/
	/* Original Banner "Saunier Duval" 
	background-image: url(../assets/webgfx/bnr/bg_home_3.jpg);
	*/
	/* Humpy Wheeler
	background-image: url(../assets/webgfx/bnr/bg_home_3_hw.jpg); 
	*/
	background-repeat: no-repeat;
	}
#navG1 {
	position: absolute;
	top: 309px;
	right: 0px;
	/* width: auto; // auto works except in Netscape 7 where the div is very wide so breaks the layout */
	width: 169px;
	}
#navG1 ul { margin: 0px; }
/* IE needs display: inline on <li>s to remove space between items. */
#navG1 li { margin: 0px; padding: 0px; list-style:none; display: inline; border-bottom: 1px solid #FFFFFF; }  
#navG1 a { 
	width: 169px; /* BEGIN box model hack for IE5.X [IE 5 gets 180px as box includes padding] */
	voice-family: "\"}\""; 
  voice-family:inherit; /* END box model hack for IE5.X */
	width: 161px;
	color: #FFFFFF; 
	text-decoration: none;
	background-color: #80AFF2;
	padding: 4px; 
	 border-bottom: 1px solid #FFFFFF; 
	display: block; 
}
#navG1 a:hover { 
	width: 169px; /* BEGIN box model hack for IE5.X - width for IE5 includes padding */
	voice-family: "\"}\""; 
  voice-family:inherit; /* END box model hack for IE5.X */
	width: 161px; /* width for moderns is just content doesn't include padding an margins */
	color: #FFFFFF;
	text-decoration: none; 
	background-color: #000099; 
	padding: 4px; 
	display: block; 
}
a.navCapBot:link, a.navCapBot:visited, a.navCapBot:active, a.navCapBot:hover { 
	background-color: #FFFFFF;
	background-image: url(../assets/webgfx/nav_cap_bot.gif); 
	background-repeat: no-repeat;
	width: auto;
	height: 14px;
	}

/* Switch on Section Nav */
/* First hide all nested nav ULs */
ul ul { display: none; }
/* Then turn on the one for the current BODY class */
.home li#navHome ul { display: block; }
.home li#navHome a { background: #C00; cursor: target; }
.raceinfo li#navRaceInfo ul { display: block; }
.raceinfo li#navRaceInfo a { background: #C00; cursor: target; }
.raceinfo li#navRaceInfo ul a { background: #AAA; cursor: hand; }
.About li#navAboutUs ul { display: block; }
.About li#navAboutUs a { background: #C00; cursor: target; }
.About li#navAboutUs ul a { background: #AAA; cursor: hand; }
.news li#navNews a { background: #C00; cursor: target; }
.news li#navNews ul a { background: #AAA; cursor: hand; }


#sponsors {
	width: 169px;
	padding-top: 30px;
	background-color: #FFFFFF;
	}
#sponsors ul a, #sponsors ul a:hover {
	color: #FF9900;
	background-color: #FFFFFF;
	}

#sponsors h1 {
	font-size: 10px;
	text-transform: uppercase;
	color: #666666;
	/* background-color: #80AFF2; */
	}
#sponsors img {
	margin-top: 20px;
	}

#footer {
	position: relative;
	width: auto;
	margin: 50px auto;
	background-color: #FFFFFF;
	}	
#footer p {
		font-size: 10px; 
		color: #999999;
	}
#footer a:link, #footer a:visited, #footer a:active  {
	color: #666666;
	text-decoration: underline;
	background-color: #FFFFFF;
	display: inline;
	}
#footer a:hover  {
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
	display: inline;
	}
	
h1 {
	font-family: arial, helvetica, verdana, sans-serif; 
	font-size: 28px;
	color: #CC0000;
	letter-spacing: -2px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
h2 {
	font-family: arial, helvetica, verdana, sans-serif; 
	font-size: 18px;
	color: #000000;
	letter-spacing: -1px;
	margin-top: 20px;
	margin-bottom: 5px;
	}
h3 {
	font-family: arial, helvetica, verdana, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	color: #000099;
	margin-top: 20px;
	margin-bottom: 5px;
	}
h4 {
	margin-top: 12px;
	font-family: arial, helvetica, verdana, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
th	{ 
	font-weight: bold;
	color: #000099;
	}

.intro {
	font-size: 120%;
	text-transform: uppercase;
	}

dl {
	font-family: verdana, helvetica, arial, sans-serif; 
	margin-top: 2em;
	margin-bottom: 2em;
	}
dt {
	font-size: .9em;
	font-weight: bold; 
	text-transform: uppercase;
	color: #000099;
	margin-top: 2em;
	}
dd {
	color: #000000;
	margin: 0;
	}
dd a { font-size: 1.4em; text-decoration: none; }
dd a:hover { background: #EFEFFF; }

.promo {
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
	padding: 10px;
}
.importantnote {
	background-color: #FFEEEE; 
	padding: 5px;
	}
a.more		{ color: #CC0000; font-weight: bold; }

a.prelim	{ font-style: normal; color: #CC0000; text-decoration: none; border-bottom: 1px dotted #CC0000; background-color: #FFEEEE; cursor: help; }
a.prelim:hover { font-style: normal; text-decoration: none; border-bottom: 1px dotted #FFFFFF; cursor: help; }
a.official	{ font-style: normal; color: #00CC00; text-decoration: none; border-bottom: 1px solid #00CC00;background-color: #EEFFEE; }
a.official:hover { font-style: normal; text-decoration: none; border-bottom: 1px solid #FFFFFF; }

#pageNumbers { display: none; }
#pageNumbers li	{ display: none; list-type-style: none; }
.pageNumbers a { font-size: 12px; }

a						{ 
	color: #CC0000;
	text-decoration: underline;
	}
a:hover			{
	text-decoration: none;
	}
	
tfoot td { color: #CCCCCC; font-style: italic; }
a.prelim	{ font-style: normal; color: #CC0000; text-decoration: none; border-bottom: 1px dotted #CC0000; background-color: #FFEEEE; cursor: help; }
a.prelim:hover { font-style: normal; text-decoration: none; border-bottom: 1px dotted #FFFFFF; cursor: help; }
a.official	{ font-style: normal; color: #00CC00; text-decoration: none; border-bottom: 1px solid #00CC00;background-color: #EEFFEE; }
a.official:hover { font-style: normal; text-decoration: none; border-bottom: 1px solid #FFFFFF; }


br.clearAll {
	display: block;
	height: 0px;
	line-height: 1%;
	clear: all;
	}

/* Set Page Class and Styles */
.home #navHome a { background-color: #CC0000; color: #FFFFFF; cursor: crosshair; } 

/* Diagnostic Tools 
div { border: 1px solid red }
*/