/* CSS Document */

body {
	background-image:url(http://www.atvnationals.com/dev/images/bg_pat_blue.gif);
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

img { border:0px; }

/* navigation start */


#navtabs ul {
	margin: 0;
	background-color: #92451A;
	padding: 5px 0px 4px 0px;
	width: 750px;
	font-family: Arial, Helvetica, sans-serif;
}

#navtabs li {
	display: inline;
	list-style: none;
	font-size: 12px;
}

#navtabs a {
	text-decoration: none;
	color: #92451A;
	background-color: #EFE9B4;
	padding: 6px 25px 5px 25px;
}

#navtabs a.active {
	border-top: 3px;
	border-top-color: #FFB300;
	border-top-style: solid;
	color: #FFB300;
}

#navtabs a:hover {
	border-top: 3px;
	border-top-color: #FFB300;
	border-top-style: solid;
	color: #FFB300;
}

/*-------------------------------------*/


/* ---------- navigation end <------------------- */

/* set millions of background images 
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }
*/

/* height and width stuff, width not really nessisary.
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent { margin: 0px; }
.rbroundbox { margin: 5px; }
 */
 
/* end rounded corner CSS */

#container {
	position: relative;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
}


#header {
	/* border-top: 4px solid #934517; */
	display: block;
	float: none;
	clear: both;
}
/* footer classes 
#footer {
	height: 25px;
	width: 100%;
	background-color: #335577;
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-top: 15px;
}

#footer a {
	color:#889199;
	text-decoration: none;
}
 end footer classes */
#content {
	float: left;
	background-image: url(../images/content_bg.gif);
	background-repeat: repeat-y;
	position: relative;
	width: 625px;
	min-height: 1175px;
}

/*#article {
	padding: 15px;	
}
*/

/* track info links */
/*
#tracklinks {
	background-color: #23394E;
	font-family: Arial, Helvetica, sans-serif;

}
#tracklinks li{
	padding-bottom:4px;
	padding-left: 10px;

}

*/
h3.trackinfo-header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding: 10px 0px 0px 10px;
	margin: 0px;
}

h3 b { 
	font-size:18px; color:#486B89;
	text-transform: uppercase;
}

h3 b.tracktitle { 
	font-size:18px; color:#CCCC00;
	text-transform: uppercase;
}

h3 img.tracklogo {
	float: right;
	margin: 0px 15px 0px 0px;
}

.trackinfo-copy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	padding: 10px;
}

/*-------------------- Start Track Links */

#tracklinks ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	list-style-type: none; 
	margin: 0px;
	padding: 0px;
	
}

#tracklinks li { margin: 0; }

#tracklinks a { 
	display: block; 
	color: #FFF;
	background-color: #036;		
	width: 150px;
	padding: 10px 12px 10px 8px;
	text-decoration:none;
	font-weight: bold;
}

#tracklinks li li a:hover
{
	background-color: #23394E;
	color: #FFF;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#tracklinks li li a {
	display: block;
	color: #FFF;
	background-color: #486B89;
	width: 150px;
	padding: 10px 3px 10px 17px;
	text-decoration: none;
}

/*------------ end track info links */
#sidebar {
	position:absolute;
	top: 0px;
	width: 126px;
	background-image: url(../images/sponsorsHDR.gif);
	background-repeat: no-repeat;
	background-position: top;
	left: 624px;
	background-color: #486B89;
	height: 100%;
	padding-top:60px;
}

#schedule-logos {
	background: #486b89;
	background-color: #486B89;
	height: 100%;
}


#header hr, #footer hr {
	display: none;
}

/* footer starts here */

#footer {
  font-family:Arial, Helvetica, sans-serif;
  position: fixed;
  border-top: 1px solid #335577;
  border-bottom: 6px solid #335577;
  background:url(../images/footer.gif) #335577;
  width: 100%;
  left: 0px;
  bottom: 0px;
  text-align:left;
  color: #fff;
  font-size: 10px;
  z-index:10000;
  opacity:0.8;
  filter:alpha(opacity:80);
}

#footer p {
  float: left;
  margin: 0px;
  padding-top:4px;
  padding-left:35px;
}

#footer p.info {
  float:right;
  padding-right:35px;
}

#footer a {
  color: #fff;
  padding-left: 20px;
}

#footer p.info a {
  padding-left: 0px;
}

/* footer ends here */