/* -------------------------------------------------------------- 
  
   mini.css
   
-------------------------------------------------------------- */
body {
	font-family: Arial, Helvetica, Geneva, sans-serif;	
	font-size: 62.5%;	/* 62.5 percent of 16px (most browsers default text size) = 10px */
	color: #ffffff;
	background-color: #000000;
}
#container {
	width: 1000px;
}
#modules {
	margin: 23px 0 0 39px;
	float: left;
}
img#topNav {
	float: left;
	margin: 0 0 0 40px;
}

.hide-content {
	visibility: hidden;
}

.floatL {
	float: left;
	padding-right: 10px;
}

h4 a {
	width: 110px;	/* MINI Challenge sIFR */
}

/* Containers  
-------------------------------------------------------------- */
#content-wrapper {
	position: absolute;
	top: 93px;
	left: 176px;
	width: 747px;
	height: 368px;
}
#topContainer {						/* Container to animate only the border */
	border: 10px solid #cb1a00;
	margin: 0;
	padding: 0;
}
.topContainer-js {					/* If user has javascript installed, this style will be applied, enabling border animation. */
	width: 0;
	height: 0;
}
#top img {
	display: block;
}
#video {
	height: 272px;	/* 275, 368, 462 */
	color: #ffffff;
	font-weight: bold;
}
img#vidChecker {
	position: absolute;
	top: 365px;
	left: 0;
}


/* Navigation  
-------------------------------------------------------------- */
#navigation {
	position: absolute;
	top: 93px;
	left: 10px;
	width: 156px;
	color: #a9a9a9;
	padding-top: 10px;
}
.menu h4 {
	font-size: 11px;
	border-bottom: 1px solid #888888;
	text-transform: none;
}
.menu h4 a {
	color: #ffffff;
}
.menu ul {	
	padding-bottom: 7px;
	border-bottom: 1px solid #888888;
}
.menu ul li {	
	padding-top: 5px;
	font-size: 11px;
}
.menu ul li ul {
	padding-bottom: 3px;
}
.menu ul li ul {
	border: none;
}
.menu ul li ul li {
	text-indent: 10px;
}
#mainNav li ul li {
	padding-left: 10px;
}

/* Arrows x y  
-------------------------------------------------------------- */
.menu ul li a {	
	padding-left: 11px;
	background: url(../images/arrow_3x5_trans_ffffff.gif) no-repeat 1px 4px;
}
.menu ul li ul li a {		
	background: url(../images/arrow_3x5_trans_a9a9a9.gif) no-repeat 1px 4px;
}
.menu ul li ul li a:hover {
	background: url(../images/arrow_3x5_trans_ffffff-a.gif) no-repeat 1px 4px;
}
.menu ul li a:hover,
.menu ul li a.active {
	color: #ffffff;
	background: url(../images/arrow_3x5_trans_ffffff-a.gif) no-repeat 1px 4px;
}

/* sub nav 
-------------------------------------------------------------- */
.menu.sub h4 {
	color: #a9a9a9;
	padding: 7px 0 0 0;
	border: none;
}
.menu.sub ul {	
	padding-bottom: 9px;
	border-bottom: 1px solid #888888;
}
.menu.sub ul#sponsors {
	border: none;
	margin-top: 10px;
}
.menu.sub ul#sponsors li {
	margin-bottom: 10px;
}
.menu.sub ul#sponsors li.last {
	padding-top: 10px;	
}
.menu.sub ul li a {
	background: url(../images/arrow_3x5_trans_a9a9a9.gif) no-repeat 1px 4px;
}
.menu.sub ul li a:hover {
	background: url(../images/arrow_3x5_trans_ffffff-a.gif) no-repeat 1px 4px;
}
.menu.sub ul#sponsors li a,
.menu.sub ul#sponsors li a:hover {
	background: none;
}


/* bodyCopy  
-------------------------------------------------------------- */
#bodyCopy {
	position: relative;
	width: 226px;
	height: 315px;
	padding: 0 15px 0 10px;
	overflow: auto;
}
#bodyCopy ul.link {	
	margin: 0;
	padding: 0 0 12px 0;
}
#bodyCopy ul.link li {
	padding-left: 9px;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	background: url(../images/arrow_bullet.gif) no-repeat left;
}
#bodyCopy ul.link li a {
	color: #000000;
}
#bodyCopy ul.link li a:hover {
	color: #cccccc;
}
ul#be-involved {
	margin-bottom: 12px;
}
ul#tv-schedule li ul {
	padding-bottom: 10px;
}
ul#tv-schedule li.date {
	font-weight: bold;
}

#bodyCopy a {
	color: #de1c00;
	text-decoration: underline;
}
#bodyCopy a:hover,
ul#profiles li a:hover {
	text-decoration: none;
}

/* flashContent, Video  
-------------------------------------------------------------- */
#flashContent a,
#video a {
	color: #a60a15;
}
#flashContent a:hover,
#video a:hover {
	color: #999999;
}
#flashContent p,
#video p {	
	color: #ffffff;
	font-weight: bold;
	padding-bottom: 6px;
}

/* Homepage Slideshow
-------------------------------------------------------------- */
.home #content,
#slideshowContainer,
.slides {
	width: 747px;
	height: 368px;
}
#slideshowContainer {
	position: absolute;
}
.home ul#slideshow{
	height: 368px;
	overflow: hidden;
}
#info-icon {
	/*position: absolute;
	top: 10px;
	left: 722px;*/
	float: right;
	margin: 8px 10px 0 0;
	cursor: pointer;
}
#infoHomeBg {
	position: relative;
	float: right;
	/*width: 247px;
	height: 60px;*/
	width: 147px;
	height: 30px;
	background-color: #000;
	/* opacity */
	opacity: 0.8;
	z-index: 110;
	display: none;
}
#infoHomeBody {
	position: absolute;
	right: 0;
	width: 147px;
	height: 30px;
	z-index: 111;
}

/*#infoHomeBodyCopy {
	position: absolute;
	width: 214px;
	height: 30px;
	display: none;
	left: 500px;
}

#infoHomeBodyCopy p {
	font-size: 11px;
	color: #FFF;
	padding: 9px 0 0 10px;
	width: 80%;
}*/

#slideshow_nav {
	position: absolute;
	/*left: 510px;
	top: 130px;*/
	left: 610px;
	top: 102px;
	z-index: 200;
	display: none;
}

#slideshow_nav p#slideshow_body_nav {
	color: #FFF;
	width: 67px;
	float: left;
	display: inline-block;
	margin: 0;
	/*padding: 0 10px;*/
	padding: 0 2px 0 7px;
}

#slideshow_nav #scroll_prev,
#slideshow_nav #scroll_next {
	width: 4px;
	height: 8px;
	float: left;
	margin: 1px 0 0 0;
	cursor: pointer;
}

#slideshow_nav #scroll_prev a {
	width: 4px;
	height: 8px;
	background: url(../images/icon_prev_on.gif) no-repeat;
	float: left;
	margin: 1px 0 0 0;
	cursor: pointer;
}

#slideshow_nav #scroll_prev a:hover {
	background: url(../images/icon_prev_off.gif) no-repeat;
}

#slideshow_nav #scroll_next a {
	width: 4px;
	height: 8px;
	background: url(../images/icon_next_on.gif) no-repeat;
	float: left;
	margin: 1px 0 0 0;
	cursor: pointer;
}

#slideshow_nav #scroll_next a:hover {
	background: url(../images/icon_next_off.gif) no-repeat;
}

/* Homepage - Latest Updates 
-------------------------------------------------------------- */
#updatesContainer {		
	width: 747px;
	z-index: 100;
	position: absolute;
}
ul#latest-updates {
	margin: 0;
	padding: 0;
}
ul#latest-updates li {
	position: relative;
	top: 271px;	
	float: left;
	margin-right: 1px;
		
	width: 249px;
	height: 97px;
	overflow: hidden;
		
	color: #ffffff;
	font-size: 1em;
	
	background: #111111;
	opacity: 0.85;
}
ul#latest-updates li#round-results {
	width: 247px;
	margin-right: 0;
}
ul#latest-updates li h2 {
	padding: 10px 0 7px 24px;
	letter-spacing: -0.8px;
	color: #ffffff;
	background: url(../images/arrow_red.gif) no-repeat 11px 13px;
}
ul#latest-updates li img {
	padding: 0 0 10px 11px;
}
ul#latest-updates li p {
	margin: 0;
	padding: 0 0 0 10px;
	width: 225px;
	height: 65px;
	font-size: 11px;
}


#videoModal {
	display: none;
}

/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 185 2009-02-09 21:51:12Z emartin24 $
 *
 */


/* Overlay */
#simplemodal-overlay {
	background-color:#000000;
}
/* Container */
#simplemodal-container {
	height: 275px; 
	width: 489px;  
	padding: 10px 10px 50px 10px;
	background: url(../images/checker_square_dark.gif) repeat;
}
/* Close Button */
.simplemodal-close {
	cursor: pointer;
	z-index: 3200;
	position: absolute;
	top: 303px;
	right: 10px;
}

/* Landscape Left/Right
-------------------------------------------------------------- */
.landscape #left,
.landscape-swf #left {
	float: left;
	width: 489px;
	height: 368px;
}
.landscape #right,
.landscape-swf #right {
	float: right;	
	width: 258px;
	height: 368px;
	background: url(../images/checker_square_dark.gif) repeat;
}
.landscape #right h3,
.landscape-swf #right h3 {	
	font-size: 1.2em;
	padding: 8px 12px 8px 11px;
	background: #c5c5c5;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.landscape-swf #right h4 {	
	font-size: 1.2em;
	padding: 10px 0 7px 0;
	background: none;
	color: #ffffff;
}

/* Press Release
-------------------------------------------------------------- */
.landscape.press-release #left {
	width: 314px;
}
.landscape.press-release #right {
	width: 433px;
}
.landscape.press-release #bodyCopy {
	width: 401px;
}
.landscape.press-release #bodyCopy ul li.last {
	margin-bottom: 12px;
}
.landscape.press-release #bodyCopy a.lightbox img {
	float: left;
	margin-right: 10px;
}


ul#press_release_list li {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #999999;
}
ul#press_release_list li.first {
	padding-top: 0;
}
ul#press_release_list li.last {
	border: 0;
	padding-bottom: 0;
}
ul#press_release_list li p {
	padding-bottom: 0;
}
ul#press_release_list li p.date {
	display: block;
	float: left;
	font-weight: bold;
}
ul#press_release_list li p.title {
	display: block;
	margin: 0 0 0 80px;
	width: 333px;
	font-weight: normal;
}
ul#press_release_list li a {
	color: #ffffff;
	text-decoration: underline;
	display: block;
}


#dateContainer {
	height: 12px;
}
#dateContainer p#date {
	float: left;
}
#dateContainer p#back-to-list {
	float: right;
}
h4#title {
	margin: 15px 0 5px 0;
	color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;
}
.press-driver {
	color: #de1c00;
	text-transform: uppercase;
	font-weight: bold;
}
ul.pr-body-list {
	margin-bottom: 12px;
}
ul.pr-body-list li {
	font-weight: normal;
	list-style-type: disc;
	margin-left: 25px;
}



/* Profiles - Teams/Drivers
-------------------------------------------------------------- */
.profile #content {
	width: 747px;
	height: 368px;
	background: url(../images/checker_square.gif) repeat;
}
.profile h2 {
	padding: 6px 0 6px 10px;
	font-size: 14px;
	color: #000000;
	width: 737px;	
	background: #cccccc;	
	text-transform: uppercase;
}
.profile .jScrollPaneContainer {
	position: absolute;				/* scrollbar container positions content */
	top: 134px;
	width: 727px;
	height: 313px;
}
#profilesContainer {
	padding: 0 0 0 10px;
	width: 727px;
	height: 315px;
	overflow: auto;
}
#profiles td h2 {
	margin: 0;
	padding: 0;
	color: #ffffff;
	background: none;	
}
#profiles td h3 {
	margin-bottom: 7px;
	font-size: 13px;
	color: #b40202;	
}


/* Profile - Teams
-------------------------------------------------------------- */
#profiles td.team_thumb {
	width: 364px;
	height: 167px;
}
img.zoom-icon {
	position: relative;
	top: -42px;
	left: 325px;
	z-index: 2000;
}
#profiles td.team_info h2,
#profiles td.team_info h3,
#profiles td.team_info ul li {
	width: 350px;
}
#profiles td.team_info ul li {
	line-height: 11px;
}
#profiles td ul.team_gallery li {	/* lightbox list of images for each team */
	display: none;
}
#profiles td.team_info ul li,
#profiles td.driver_info ul li {
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 11px
}

/* Profile - Drivers
-------------------------------------------------------------- */
#profiles td.driver_thumb {
	width: 134px;
	height: 175px;
}
#profiles td.driver_thumb.last {
	height: 120px;
}
#profiles td.driver_info h2,
#profiles td.driver_info h3,
#profiles td.driver_info ul li {
	width: 205px;
}
#profiles td.driver_thumb img {
	border: 8px solid #000000;
}
#profiles td.driver_info ul {
	margin: 0 20px 20px 0;
}

/* SendToFriend, Footer  
-------------------------------------------------------------- */
#sendToFriend a {
	float: right;
	margin: 92px 10px 0 0;
	padding: 0;
	width: 19px;
	height: 18px;
	background: url(../images/icon_taf.gif) no-repeat;
}
#sendToFriend a:hover {
	background: url(../images/icon_taf-a.gif) no-repeat;
}
#footer {
	position:absolute;
	left: 176px;
	bottom: 0; 
	width: 800px; 
	color: #a9a9a9;	 
	z-index: 120;
	clear: both;
	padding: 4px 0 4px 0;
	background: #000000;
}
#footer ul {
	padding: 0;
	font-size: 1em;
}
#footer ul li {
	font-size: 11px;
	float: left;	
	padding: 0 15px 0 3px;
}