/******************************
  cctta v3.0 
  01-15-2006
  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;
	}
li {
	padding-bottom: 10px;
	}

/* Table Styles */
table	{
	border-collapse: collapse;
	}
th, td	{
	border: 1px solid #CCCCCC;
	padding: 3px;
	}
caption	{ 
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #EEEEEE; 
	background-color: #000099; 
	text-transform: uppercase; 
	text-align: center;
	padding: 3px;
	}
th	{
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #000099; 
	background-color: #EEEEEE; 
	text-transform: uppercase; 
	text-align: center;
	border-bottom: 1px solid #000099;
	}
tr.rowA { background-color: #FFFFFF; }
tr.rowB { background-color: #EEEEEE; }
	
#container {
	position: relative;
	margin: 0 auto;
	width: 750px;
	text-align: left;
	}
#banner1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 750px;
	height: 212px;
	}
#banner2 {
	position: absolute;
	top: 174px;
	left: 0px;
	width: 750;
	height: 135;
	}

#content {
	position: absolute;
	top: 212px;
	left: 0px;
	width: 550px; /* BEGIN box model hack for IE5.X [IE 5 gets 180px as box includes padding] 550 on home */
	voice-family: "\"}\""; 
  voice-family:inherit; /* END box model hack for IE5.X */
	width: 524px; /* home page is 378px, 172px padding reduced by 146px to 26px */
	padding: 20px;
	padding-left: 26px; /* 172 for home page */
	padding-top: 5px;
	text-align: left;
	}
#navG1 {
	position: absolute;
	top: 212px;
	right: 0px;
	/* width: auto; // Auto creates a very wide navG1 in NN7 and breaks the layout. */
	width: 169px;
	}

/* Navigation Lists */
#navG1 ul { margin: 0px; }
#navG1 ul ul { margin-left: 10px; }
/* 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; 
}
#navG1 li ul a { 
	width: 159px; /* 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: 151px;
	color: #FFFFFF; 
	text-decoration: none;
	background-color: #BBBBBB;
	padding: 4px; 
	border-bottom: 1px solid #FFFFFF; 
	display: block; 
}
#navG1 li ul a:hover { 
	width: 159px; /* 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: 151px; /* width for moderns is just content doesn't include padding an margins */
	color: #FFFFFF;
	text-decoration: none; 
	/* background-color: #3333CC; */
	background-color: #AAAAAA;
	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; }
/* EXCEPT: show all ULs for the nav list used on the Site Map page */
#sitemap ul ul { display: block; }
/* Then turn on the one for the current BODY class */
.raceinfo li#navRaceInfo ul { display: block; }
.raceinfo li#navRaceInfo a { background: #C00; cursor: target; }
.raceinfo li#navRaceInfo ul a { background: #AAA; cursor: hand; }
.raceinfo li#navRaceInfo ul a:hover { background: #999; }
.About li#navAboutUs ul { display: block; }
.About li#navAboutUs a { background: #C00; cursor: target; }
.About li#navAboutUs ul a { background: #AAA; cursor: hand; }
.About li#navAboutUs ul a:hover { background: #999; }
.news li#navNews a { background: #C00; cursor: target; }
.news li#navNews ul a { background: #AAA; cursor: hand; }
.Results li#navResults a { background: #C00; cursor: target; }
.Results li#navResults ul a { background: #AAA; cursor: hand; }
.Contact li#navContact a { background: #C00; cursor: target; }
.Contact li#navContact ul a { background: #AAA; cursor: hand; }
.Links li#navLinks a { background: #C00; cursor: target; }
.Links li#navLinks ul a { background: #AAA; cursor: hand; }

/* Nav: Switched On Classes */
#navG1 ul li a.navOn, #navG1 ul li a.navOn:hover 							{ 
	background-color: #CC0000; cursor: target; 
	}
#navG1 ul ul a.navSubNavOn, #navG1 ul ul a.navSubNavOn:hover 	{ 
	background-color: #EB9999;
	/* background-color: #999999; */
	}

#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;
}

.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 }

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

a						{ 
	color: #CC0000;
	text-decoration: underline;
	}
a:hover			{
	text-decoration: none;
	}
th { text-align: left; }
tfoot td { color: #CCC; font-style: italic; }
a.prelim	{ font-style: normal; color: #0000CC; text-decoration: none; border-bottom: 1px dotted #0000CC; background-color: #EEEEFF; cursor: help; }
a.prelim:hover { font-style: normal; text-decoration: none; border-bottom: 1px dotted #FFFFFF; cursor: help; }
a.official	{ font-style: normal; color: #00AA00; text-decoration: none; border-bottom: 1px solid #00AA00;background-color: #EEFFEE; }
a.official:hover { font-style: normal; text-decoration: none; border-bottom: 1px solid #FFFFFF; }

.meta			{ margin-top: 2em; margin-bottom: -1.2em; font-size: 11px; font-weight: normal; text-transform: uppercase; letter-spacing: 0px; color: #666; }
.linkBack { margin-top: 4em; border-top: 1px solid #CCC; }

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