/*MENU CSS*/
html { height: 100%; }
body{
	background:url('images/NPN_home_BKGD_longer.jpg') top;
	background-repeat:no-repeat;
	height: 100%; 
	margin: 0; 
	padding: 0;
	/*background-image:url(/images/bg.gif);*/
}
#page1 {
	width: 994px; 
	min-height: 100%;
	margin: 0 auto 0 auto;
    background-color:white;
	background-repeat:repeat-x;
	padding: 0 20px;
	font-family:Arial, Helvetica, sans-serif;
}
#page1 a{
	color:#990000;
}
#page1 a:hover{
	color:#CC0000;
}
#topBanner{
	width:994px; 
	background:white;
    /*background:url('images/Logo_Top_npn.jpg') right; 
	background-repeat:no-repeat;*/
}
#topBannerBG{
	padding-top:7px;
	position:relative;
	width:994px; 
	height:76px;
}
#bannerFlash{
	width:666px; 
	height:76px;
}
#raceCountdown{
	width:230px; 
	height:54px;
	max-height: 54px; 
	position:absolute;
	right: 0;
}

/* ***************** COUNTDOWN STYLES *************** */

#countdown {
	width: 230px; 
	text-align:right;
	margin:0;
	padding:0;
}

#return {
	position:absolute;
	top:10px;
	left:10px;
}



#timer {
	width: 240px; 
	height: 45px;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 93%;
}
.countdown_show2 .countdown_section {
	width: 43%;
}
.countdown_show3 .countdown_section {
	width: 27.5%;
}
.countdown_show4 .countdown_section {
	width: 19.5%;
}
.countdown_show5 .countdown_section {
	width: 14.5%;
}
.countdown_show6 .countdown_section {
	width: 11.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 55%;
	text-align: center;
	background-color: #eee;
	border-right:2px solid #ffffff;
	-webkit-border-radius: 1em;
	-moz-border-radius: .5em;
	padding:5px;
	
}
.countdown_amount {
	font-size: 200%;
	color:#6283AD;
	text-shadow:1px 1px 2px rgba(0,0,0,.2);
}
.countdown_descr {
	display: block;
	width: 100%;
}





#mainNav
{
	width:994px;
	height:32px;
	margin-top:4px;
	color:#ff2222;
	font-size:12px;
	background: url('images/mainNav_bg.jpg') repeat-x;
}

#sddm
{	
	height:32px;
	margin: 0;
	padding: 0;
	/*z-index: 30*/
}

#sddm li
{	
	margin: 0;
	padding: 1px;
	list-style: none;
	float: left;
	font: bold 12px arial;
}

#sddm li#triangle
{
	width: 28px;
	height: 32px;
	background: url('images/mainNav_triangle.jpg') no-repeat;
}

#sddm li a
{	
	display: block;
	margin: 0;
	padding: 1px;
	height: 100%;
	width: 92px;
	line-height: 32px;
	/*background: #5970B2;*/
	
	color: #FFFfff;
	text-align: center;
	text-decoration: none
}

#sddm li a:hover
{	
	background: url('images/mainNav_hover.jpg') repeat-x;
	color: #FFFfff;
	text-decoration:none;
}

#sddm div
{
	position: absolute;
	visibility: hidden;
	margin: 0;
	margin-top: 0px;
	padding: 0;
	background: url('images/NPN_dropdown.jpg');
	/*border: 1px solid #FFFFFF;*/
}

#sddm div a
{	
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;		
	
	background-repeat:no-repeat;
	color: #FFFFFF;
	font: 11px arial}

#sddm div a:hover
{	
	background: #FFFFFF;
	color: #990000;
}

#videoTitle{
	width:642px; 
	height:20px; 
	text-align:left; 
	margin-top:0PX; 
	MARGIN-left:125px; 
	float:left;
	color:#FFFFFF;
}


#formContent div div#content {
	width:302px;
	height:200px;
	border:thin;
	color:#333333;
	font-size:12px;
	padding: 10px;
	overflow: hidden;
}

#formContent div div#header {
	width:302px;
	height:32px;
	border: none;
	line-height: 32px;
	padding: 0 10px;
	color:#ffffff;
	font-size:12px;
	font-weight: bold;
	background: url('images/mainNav_bg.jpg') repeat-x;
}

#hpPage2{
	width:994px;
	color: #333333
}
#hpMainContent{
	width:994px;
	height: 338px;
}
#hpMainContentRight{
	float:right; 
	width:696px; 
	margin-top:0px;
}
#hpMainContentFlash{
	float:left; 
	width: 564px; 
	margin-left:0px;
}
#hpMainContentSocialLinks{
	display: none;
	height:20px; 
	width:564px; 
	float:left; 
	color:#990000; 
	margin-top:8px; 
	font-size:12px; 
	font-weight:bold; 
	margin-left:33px;
}
#hpBottomThirdsRow {
	width: 994px;
	margin-top: 10px;
	margin-bottom: 12px;
	height: 200px;
}
#hpBottomThirdsRow div {
	border: #dddddd 1px solid;
	width: 322px;
	height: 275px;
    float:left;
	margin-right: 11px;
}
#hpBottomThirdsRow div div#header {
	width:302px;
	height:32px;
	border: none;
	line-height: 32px;
	padding: 0 10px;
	color:#ffffff;
	font-size:12px;
	font-weight: bold;
	background: url('images/mainNav_bg.jpg') repeat-x;
}
#hpBottomThirdsRow div div#header img{
	float: right;
	padding: 7px 0 0 0;
}	
#hpBottomThirdsRow div div#content {
	width:302px;
	height:200px;
	border: none;
	color:#333333;
	font-size:12px;
	padding: 10px;
	overflow: hidden;
}
#hpBottomThirdsRow div#end {
	margin-right: 0;
}

#hpBottomHalf{
	display: none;
	width:994px; 
	float:left; 
	color:#858382; 
	margin-top:20px;
}
#hpPodHolder{
	float:left; 
	width:296px; 
	margin-right:3px; 
	margin-left:1px;
}
#hpPodTop{
	float:left; 
	height:9px; 
	width:296px; 
	background-image:url(/images/BGpod_top.gif); 
	background-repeat:no-repeat;
}
#hpPodContent{
	float:left; 
	width:296px; 
	background-image:url(/images/BGpod_sidestripes.gif); 
	background-repeat:repeat-y;
}
#latestTeamNews{
	float:left; width:296px;
}
#latestTeamNews h3{
	margin: 0px 0px 6px 0px; 
	color:#990000; 
	font-size:12px;
}
#podBanner{
	float:left; 
	margin-left:2px; 
	margin-right:1px; 
	height:67px; 
	width:294px; 
	font-size:14px; 
	font-weight:bold;
}
#driverStandings{
	float:left; 
	width:293px; 
	background-color:#990000; 
	margin-left:2px; 
	margin-top:8px;
}

#page2{
	width:994px; 
	margin:auto; 
	color:#858382; 
	font-family:Arial, Helvetica, sans-serif;
}
#page2Banner{
	background-color:#000000; 
	/*width:895px; */
	width:994px;
	color:#990000; 
	font-size:12px; 
	font-weight:bold;
	margin-top: 20px; 
	margin-right:4px;
}
#pageTitle{
	background-color:#990000; 
	display:block; 
	width:988px;
	color:#FFFFFF; 
	margin-left:0px; 
	padding-top:6px; 
	padding-bottom:6px; 
	padding-left:6px; 
	margin-right:0px; 
	font-size:12px; 
	font-weight:bold;
}

#mainContent{
	width:994px;
	margin-top:12px;
}
#mainContentRight{
	float:right; 
	width:293px; 
	height: auto;
	color: #333;
	margin: 0;
}
#mainContentLeft{
	margin-top:0px;
	width:670px;
	margin-right:20px;
	margin-left:0px;
	color:#333;
	font-size:12px;
	font-weight:bold;
}

h2{
	margin: 0px 0px 10px 0px; 
	color:#AF040A; 
	font-size:16px;
}
h5{
	font-size:18px;
	margin:0;
}
h4{
	font-size:14px;
	margin:0;
	font-style: italic;
}
.bioDiv{
	text-align:left;
	float:left; 
	width:670px; 
	margin-bottom:24px;
}
.bioHeader{
	font-size:16px;
	font-weight:bold;
	text-align:left;
	color:#990000;
}
.bioTitle{
	font-size:14px;
	font-style: italic;	
	font-weight:bold;
	text-align:left;
}
.bioPic{
	margin: 0px 14px 0px 0px; 
	border: solid 1px #999999;
}
.sponsorDiv {
	text-align:left;
	float:left; 
	width:670px; 
	margin-bottom:14px;
	padding-bottom: 14px;
	border-bottom: solid 1px #dddddd;
}
.sponsorDivLast{
	text-align:left;
	float:left; 
	width:670px; 
	margin-bottom:14px;
	padding-bottom: 14px;
	border-bottom: solid 0 #dddddd;
}
#sponsorLogo {
	width:280px;
	margin-top: 12px;
	margin-bottom: 24px;
	min-height: 150px;
	float:left; 
	text-align: center;
}
.sponsorPic{
	margin: 0px auto 7px auto; 
	border: solid 0 #999999;
}

.underVideoLogos{
	float:left; 
	margin-left:0px; 
	margin-top: 1px; 
	margin-right:4px;
}
.underVideoLinkText{
	margin-right:16px;
	float:left; 
	height:19px; 
	margin-top:2px;
}
							  
#driverStandingsTable{
	border:0;
}
#driverStandingsTable th {
	font: bold 11px Helvetica, Arial;
	color: #FFFFFF;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 6px;
}
#driverStandingsTable td {
	font: bold 11px Helvetica, Arial;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 3px 3px 3px;
}
#pod{
	border: #dddddd 1px solid;
	width: 293px;
	margin-bottom: 12px;
}
#podHeader{
	height:32px;
	border: none;
	line-height: 32px;
	padding: 0 10px;
	color:#ffffff;
	font-size:12px;
	font-weight: bold;
	background: url('images/mainNav_bg.jpg') repeat-x;
}
#podHeader a{
	text-decoration:none;
}
#podHeader a:hover{
	text-decoration:underline;
}
#podContent{
	margin: 0;
	font-size:12px;
}
#podContent form{
	display: block;
	margin: 0;
}
#podContent p{
	padding: 10px;
}

#hpTopLeftPod{
	background: #222222;
	float: left; 
	width: 280px;
	margin-top:20px; 
	margin-right:0px;
	margin-bottom:0px;
	color:#ffffff; 
	font-size:12px;
	overflow: hidden;
}
#hpTopLeftPod #highLights{
	padding: 20px;
	height: 214px;
}
#hpTopLeftPod a{
	color:#FFFFFF;
	text-decoration:none;
}
#hpTopLeftPod a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#socialBar {
	overflow: hidden;
	display: inline;
	width:412px;
	margin: 0;
	padding: 0;
	background: url(images/socialBar_endcap.jpg) repeat-x top;
}
#socialBar img {
	float: left;
}



/************************************************/
/***************** SEARCH SERIES ****************/
/************************************************/


#searchSeries {
	width:994px;
	height: 68px;
	margin-top:12px;
	padding: 0;
	background: url('images/searchSeries_bg.jpg') repeat-x;
}

#searchSeries img {
	border:none;
	margin-right:30px;
    background-repeat: no-repeat;
}

#searchSeries img#endcap {
    margin:0;
}
    
#searchSeries a {
	text-decoration: none;
	float:left;
}

.fade {
    background: no-repeat;
}

/************************************************/
/********************* CARS *********************/
/************************************************/
.subleft {
	float:left;
	width: 42%;
	height:460px;
	background: url(images/subleftGradient.jpg) repeat-x bottom;
}

.subright {
	float:right;
	width: 55%;
	height:460px;
	
}

.subleft strong { color:#AF040A;}
.subleft img { margin:20px 0 0 50px; }
#specs {
	width:688px;
	float:left;
	margin-top:30px;
}

#specs tr.row {
	border-top:1px solid #494949;
	font-size:.95em;
 	padding-top:10px;
    
}

#specs tbody { background:#494949; }
#specs td { background:#ffffff; border-top:1px solid #000000;border-right:none;}


/************************************************/
/******************* SPONSORS *******************/
/************************************************/

#sponsors {
	width:992px;
	height: 120px;
	border: #dddddd 1px solid;
	vertical-align: middle;
	overflow: hidden;
	/*display: table-cell;*/
}
/*#sponsors img {
	vertical-align: middle;
	margin: auto 20px;
}
#sponsors ul, #sponsors li {
	list-style:none;
	display:inline;
	margin-left: 0;
	padding-left:0;
}*/

#close {
	height: 20px;
	clear: both;
}

#HTMLcontainer {
	width: 984px;  
	margin: 0 auto;
	border: none;
}
.flashPluginPrompt{
	padding-top:14px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #999999;
}
.flashPluginPrompt a{
	color: #FF0000;
	text-decoration:underline;
}
.flashPluginPrompt a:hover{
	color: #FF0000;
	text-decoration:none;
}

/*****************************************************/
/**********************  FOOTER  *********************/
/*****************************************************/
#footer {
	width: 994px; 
	margin: 0 auto 0 auto;
	font-family:Verdana, Geneva, Helvetica, Arial, sans-serif;
	color: #ffffff;
	height:34px;
	background: #8A8A8A;
	padding:20px; 
	font-size:11px; 
}
#footer #right {
	float: right;
	width: 290px;
	color:#777777;
}
#footer #left {
	width: 430px
}
#footer a{
	color:#ffffff;
	margin: 0 10px;
	text-decoration:none;
}
#footer a:hover{
	color:#bbbbbb;
	text-decoration:none;
}
#footer p {
	margin: 0; 
	padding: 10px 0; 
}

/* ************************************************ */
/* ******************* FORMS ********************** */
/* ************************************************ */

form input#subscribe {
	display: block;
}
form input#subscriber {
	width: 289px;
	border: #cccccc 1px solid;
	background-color: #eeeeee;
	float: right;
	color: #333333;
	padding: 5px;
	margin: 0;
	font-size: 10px;
	font-family: Verdana;
}
form input#submit {
	margin: 10px;
	border: #cccccc 1px solid;
	background: url('images/input_button.jpg') bottom left;
	padding: 5px 20px;
	margin: 10px 0;
	float: right;
	color: #ffffff;
	font-size: 11px;
	font-family: Arial, sans-serif;
	font-weight: bold;
}


/*Series */
#column1{
 width:172px;	
 float:left;
}
#column2{
 width:172px;	
 float:left;
}
#column3{
 width:172px;	
 float:left;
}
#column4{
 width:172px;	
 float:left;
}
.seriesBtn {
  cursor:pointer;
  font-size:10px;
  background:#9C9C9C;
  width:85px;	
  float:left; 
  margin-right:5px;
  margin-bottom:5px;
}

.seriesBtn2 {
  cursor:pointer;
  font-size:10px;
  background:#9C9C9C;
  width:85px;	
  margin-bottom:5px;  
  margin-left:5px;
}

.seriesBtn3 {
  cursor:pointer;
  font-size:10px;
  background:#9C9C9C;
  width:160px;	
  margin-bottom:3px;  
  margin-left:15px;
}

.seriesBtn4 {
  cursor:pointer;
  font-size:10px;
  background:#9C9C9C;
  width:163px;	
  margin-bottom:3px;  
  margin-left:10px;
}


.yearOn{
  font-size:20px;
  width:25px;
  cursor:pointer;"	
}

.yearOff{
  font-size:10px;
  padding-right;100px;
  vertical-align:bottom;
  cursor:pointer;	
}

.error{
  color:#F00;
  font-weight:bold;
  padding-top:10px;
  padding-left:10px;
  font-size:12px; 
}