/* Construct */

html, body { 
  font-family: arial, verdana, sans serif; 
  font-size: 12px; 
  line-height: 16px;
  font-style: normal;
  color: #333;
  background: #000; 
  margin: auto;
  min-height: 100%;
  height: auto !important;
  height: 100%
}


A, A:LINK, A:ACTIVE, A:VISITED {color: #002d56; text-decoration: none; font-weight: normal; }
A:HOVER {color: #002d56; text-decoration: underline; }

A.return { font-size: 9px; color: #808080; text-transform: uppercase; }

HR { color: #ccc; background-color: #888; height: 1px; border: 0px; margin: 10px 0px 10px 0px; }

img { border: 0px; margin: 0px; padding: 0px; }

h1 { font-size: 18px; line-height: 22px; font-family: arial black, arial, sans-serif; color: #AE0500; padding: 0px; margin: 0px; text-transform: uppercase; font-weight: normal;}
h2 { font-size: 16px; line-height: 20px;  font-family: arial black, arial, sans-serif; color: #AE0500; padding: 0px; margin: 0px; font-weight: normal; }
h3 { font-size: 15px; line-height: 19px;  font-family: arial, arial, sans-serif; color: #333; padding: 0px; margin: 0px; font-weight: bold;}

#wrapper {
  width: 970px;
  margin: 0 auto;
  text-align: left;
}


/* Top - Header + Content */
#top {
  width: 100%;
  margin: 0px;
  padding-bottom: 20px;
  text-align: center;
  z-index: 10;
}

#header {
  width: 970px;
  height: 107px;
  z-index: 100;
  OVERFLOW-Y: visible;
}

#wrapper > #header {
  overflow-y: visible;
}

body#homepage #top {
  background: #abaaaa url('/images/back_home_top.jpg') repeat-x center top;
  width: 100%;
  height: 600px;
  margin: 0px;
  text-align: center;
  padding-bottom: 0px;
  z-index: 10;
}

body#homepage #middle {
  background: #abaaaa url('/images/back_home_middle.jpg') repeat-x center top;
  width: 100%;
  height: 190px;
  margin: 0px;
  text-align: center;
  z-index: 20;
}


/* Homepage Specific */
div#homeflash {
  width: 100%;
  height: 457px;
  OVERFLOW: visible;
  z-index: 11;
}

div#threepromos {
  float: left;
  width: 792px;
  height: 125px;
  padding-left: 11px;
  OVERFLOW: visible;
  z-index: 12;
}

div#threepromos div#homepagepromo {
  float: left;
  width: 250px;
  height: 125px;
  text-align: right;
  margin-right: 0px;
}
div#threepromos > div#homepagepromo {
  margin-right: 14px;
}

div#threepromos div#homepagepromo div#asksam {
  width: 250px;
  background: url('/images/promo_back_asksam.jpg') no-repeat top left;
  padding-right: 14px;
}
div#threepromos a, a:link, a:active, a:visited { color: #AE0500; font-weight: bold; text-decoration: underline; }
div#threepromos a:hover { color: #AE0500; text-decoration: underline; }

div#threepromos div#homepagepromo div#video {
  width: 250px;
  background: url('/images/promo_back_video.jpg') no-repeat top left;
  padding-right: 14px;
}
div#threepromos div#homepagepromo div#foundation {
  width: 250px;
  background: url('/images/promo_back_foundation.jpg') no-repeat top left;
  padding-right: 14px;
}
div#threepromos div#homepagepromo div#title {
  width: 200px;
  height: 21px;
  padding: 5px 5px 0px 45px;
  color: #000;
  font-family: arial black, arial;
  font-size: 15px;
}
div#threepromos div#homepagepromo div#text {
  width: 120px;
  height: 68px;
  padding: 5px 5px 0px 125px;
  color: #000;
  font-size: 11px;
  line-height: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
div#threepromos div#homepagepromo div#more {
  width: 245px;
  height: 17px;
  padding: 9px 5px 0px 0px;
}
div#wrapper div#schedule { /*IE FIX*/
  background: #000 url(/images/2008_schedule_tracks_bkg.jpg) no-repeat;
  width: 164px;
  height: 125px;
  OVERFLOW: hidden;
}


div#middle div#cars {
  width: 970px;
  height: 190px;
  text-align: center;
}
/* div#middle div#sponsors {
  width: 100%px;
  height: 124px;
  padding: 12px 0px 0px 5px;
  text-align: left;
}
*/

/* TOP NAVIGATION*/

div#nav {
     width: 810px; 
     text-align: left;  
     height: 40px; 
     margin: 0 auto;
     OVERFLOW-Y: visible;
     }

div#header > div#nav {
     overflow-y: visible;
     }

div#nav ul {
     margin: 0px; 
     padding: 2px 0px 0px 8px; 
     list-style: none; 
     width: 769px; 
     z-index: 101;
     }
div#nav ul {
     margin: 0;
}

div#nav li { 
    float: left; 
    height: 28px; 
    padding: 0; 
    margin: 0; 
    position: relative; 
    }
div#nav li img {
    border: 0px;
}

div#nav li a:hover a:hover{  
    }

div#nav li ul {
    width: 500px;
    display: none; 
    position: absolute; 
    top: 27px; 
    font-size: 11px;
    left: 0px;
    margin: 0;
    border: 1px #fff solid;
    background: #000000 url('/images/tile_subnav.gif') repeat-x left top; 
    padding: 4px 0px 4px 0px;
    z-index: 102;
    }
div#nav li.news ul { width: 300px; }
div#nav li.sam ul { width: 450px; }
div#nav li.team ul { width: 250px; }
div#nav li.events ul { width: 200px; }
div#nav li.download ul { width: 200px; }
div#nav li.interact ul { width: 200px; }
div#nav li.store ul { width: 0px; }
div#nav li.contact ul { width: 0px; }

div#nav li.last ul { 
    width: 200px; 
    }

div#nav li li{
    height: auto;
    line-height: 18px; 
    text-align: left;
    border-right: 1px #fff dashed;
    display: block;
    position: relative; 
    }

div#nav li.last li { 
    width:200px; 
    }

div#nav li li a { 
    display: block; 
    padding: 0px 8px 0px 8px;
    color: #ededec;
    text-decoration: none;
    font-weight: bold;
    }

div#nav li li>a { 
    display: block; 
    padding-left: 8px; width: auto;
    }

div#nav li li a:hover{ 
    background-image: none; 
    display: block;
    color: #fff;
    text-decoration: underline; 
    }

div#nav li:hover ul {  
    display: block; 
    }

div#nav li.over ul { 
    display: block; 
    }


/* SUBNAV */
div#subnav {
     text-align: left;
     margin: 0 auto;
     OVERFLOW-Y: visible;
     z-index: 200;
}

div#nav ul {
     margin: 0px;  
     list-style: none;
     z-index: 201;
}
     
div#subnav ul li { 
    list-style: none;
    background: url('/images/icon_arrow1.gif') no-repeat left top;
    height: 22px; 
    padding: 2px 0px 0px 25px; 
    margin: 0px 0px 0px -40px;
}

div#subnav ul li a {
    font-size: 11px;
    text-transform: uppercase;   
    font-weight: bold;
    color: #ae0500;
}


/* Content Rails */
table#content {
  padding: 0px;
  width: 100%;
}

#leftrail {
  vertical-align: top;
  padding-top: 40px;
  width: 160px;
}

body#template table#content #center {
  vertical-align: top;
  padding: 180px 16px 0px 16px;
  width: 568px;
}

body#template_wide table#content #center {
  vertical-align: top;
  padding: 0px 0px 0px 16px;
  width: 794px;
}

body#template_wide table#content #center div#rightrailpromo {
  width: 210px;
  height: 170px;
  padding: 0px 0px 10px 584px;
}

#rightrail {
  vertical-align: top;
  width: 210px;
}

#rightrail div#rightrailpromo {
  width: 210px;
  height: 170px;
}


/* Footer */
body#homepage #footer {
  background: #000000;
  margin: 0px;
  padding-top: 10px;
  width: 100%;
  text-align: left;
  font-size: 11px;
  text-align: left;
  color: #737373;
  line-height: 16px;
}

#footer {
  background: #000000 url('/images/footer_top_tile.gif') repeat-x center top;
  margin: 0px;
  padding-top: 20px;
  width: 100%;
  text-align: left;
  font-size: 11px;
  text-align: left;
  color: #737373;
  line-height: 16px;
}

#footer span.links {
  text-transform: uppercase;
  font-size: 12px;
}

#footer span.links a {
  color: #737373; text-decoration: none;
}
#footer span.links a:hover {
  color: #aaa; text-decoration: underline;
}

#footer span.links-footer {
  font-size: 12px;
  font-weight: normal;
}

#footer span.links-footer a {
  font-weight: normal;
  color: #AE0500; text-decoration: none;
}
#footer span.links-footer a:hover {
  font-weight: normal;
  color: #AE0500; text-decoration: underline;
}

#credit {
    float: right;
    margin: 0px; padding: 0px;
    width: 128px;
    height: 31px;
}

.story-headline {
	font-size: 12px;
    line-height: 15px; 
    font-weight: bold;
    text-transform: uppercase;
    color: #AE0500;
}
.story-headline A {color: #AE0500; text-decoration: none; font-weight: bold; }
.story-headline A:VISITED {color: #AE0500; text-decoration: none; font-weight: bold; }
.story-headline A:HOVER {color: #AE0500; text-decoration: underline; }

.story-date {
	font-size: 12px;
    line-height: 15px; 
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
}

.photo-border {
	border-style:solid; 
	border-color: #898989; 
	border-width: 1px;
}
.gallery-title {
	font-size: 12px;
    line-height: 15px; 
    font-weight: bold;
    text-transform: uppercase;
    color: #ae0500;
}
.gallery-title A {color: #ae0500; text-decoration: none; font-weight: bold; }
.gallery-title A:HOVER {color: #ae0500; text-decoration: underline; }

.question {
	font-size: 12px;
    line-height: 15px; 
    font-weight: bold;
    text-transform: uppercase;
    color: #ae0500;
}

/* Right rail support */
#rightrail div#rightrailbox {
  width: 208px;
  border: #fff 1px solid;
  text-align: left;
  background: #e9e9e9;
}
#rightrail div#rightrailbox div#title {
  width: 197px;
  height: 21px;
  border-bottom: #fff 1px solid;
  padding: 5px 5px 0px 6px;
  color: #000;
  font-family: arial black, arial;
  font-size: 15px;
}
#rightrail div#rightrailbox div#text {
  width: 197px;
  padding: 5px 5px 0px 6px;
  border-bottom: #fff 1px solid;
  color: #000;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  background: #cdcbcc url('/images/rrbox_tile.jpg') repeat-x left top;;
}
#rightrail div#rightrailbox div#text ul {
     margin: 0px;  
     list-style: none;
	 padding: 0px;
}
     
#rightrail div#rightrailbox div#text ul li { 
    list-style: none;
    padding: 0 0 10px 0; 
    margin: 0px 0px 0px 0px;
}
 
#rightrail div#rightrailbox div#text ul li a {
    font-size: 12px;
    line-height: 15px; 
    font-weight: bold;
    text-transform: uppercase;
    color: #AE0500;
}
#rightrail div#rightrailbox div#more {
  width: 197px;
  height: 17px;
  padding: 10px 5px 0px 6px;
}

/* Content - Events Table */
table#eventstable {
  width: 568px;
  padding: 0px;
  border-top: #fff 5px solid;
  border-bottom: #fff 5px solid;
  margin: 0px auto;
}
table#eventstable tr.header {
  width: 568px;
  background: #002d56;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
}
table#eventstable tr.header-last {
  width: 568px;
  background: #c70400;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
}
table#eventstable tr.header td {
  padding: 2px 5px 2px 5px;
  border-right: 1px #90bad0 solid;
}
table#eventstable tr.header-last td {
  padding: 2px 5px 2px 5px;
  border-right: 1px #d09290 solid;
}
tr.header td.callout {
  text-align: center;
  background: #1e5cda;
}
tr.header-last td.callout {
  text-align: center;
  background: #da221e;
}
table#eventstable tr.row1 {
  width: 568px;
  background: #999 url('/images/eventstable_tile_row2.jpg') repeat-x left top;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 13px;
}
table#eventstable tr.row1 td {
  padding: 5px;
  border-top: 1px #fff solid;
  border-right: 1px #ddd solid;
}
tr.row1 td.callout {
  text-align: center;
  background: #bbb url('/images/eventstable_tile_row1.jpg') repeat-x left top;
}
table#eventstable tr.row2 {
  width: 568px;
  background: #777 url('/images/eventstable_tile_row3.jpg') repeat-x left top;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 13px;
}
table#eventstable tr.row2 td {
  padding: 5px;
  border-top: 1px #fff solid;
  border-right: 1px #ddd solid;
}
tr.row2 td.callout {
  text-align: center;
  background: #999 url('/images/eventstable_tile_row2.jpg') repeat-x left top;
}
span.event {
  font-size: 14px;
  line-height: 18px;
}
span.track {
  font-weight: normal;
  line-height: 13px;
}
span.location {
  font-weight: normal;
  line-height: 13px;
}
span.event A, span.event A:LINK, span.event A:ACTIVE, span.event A:VISITED {color: #002d56; text-decoration: none; font-weight: bold; }
span.event A:HOVER {color: #002d56; text-decoration: underline; }

/* Content - Car Specs */
td#specs_n1a {
  width: 150px;
  font-weight: bold;
  color: #fff;
  background: #051e77;
  vertical-align: top;
  border-bottom: 1px #eee solid;
}
td#specs_i1a {
  width: 150px;
  font-weight: bold;
  color: #fff;
  background: #e32527;
  vertical-align: top;
  border-bottom: 1px #eee solid;
}
td#specs_n1b, td#specs_i1b {
  font-weight: normal;
  color: #333;
  background: #ddd;
  vertical-align: top;
  border-bottom: 1px #eee solid;
}
td#specs_n2a {
  width: 150px;
  font-weight: bold;
  color: #ddd;
  background: #06144e;
  vertical-align: top;
  border-bottom: 1px #eee solid;
}
td#specs_i2a {
  width: 150px;
  font-weight: bold;
  color: #ddd;
  background: #bb2628;
  vertical-align: top;
  border-bottom: 1px #eee solid;
}
td#specs_n2b, td#specs_i2b {
  font-weight: normal;
  color: #333;
  background: #ccc;
  vertical-align: top;
  border-bottom: 1px #eee solid;
}

/* Photo gallery overlay support */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
/* #prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; } */
/* #nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; } */
#prevLink, #prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) 0 15% no-repeat; border: none; } 
#nextLink, #nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) 100% 15% no-repeat; border: none; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}