@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	background-color:#191919;
	background-image: url(_lib/_build/mainbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}


h1, h2, h3 {
	color: #fff;
	margin-bottom:15px;
}

h1 {
	letter-spacing: -1px;
	font-size: 28px;
	
}

h2 {
	letter-spacing: -1px;
	font-size: 20px;
	margin-top:20px;
	border:#333333 dashed 1px;
	background-color:#242424;	
}

h3 {
	font-size: 13px;
	
}

p, ul, ol {
	line-height: 160%;
	
}

p {
	margin-bottom:10px;
}

ul {
list-style:none;
}

ol {
list-style:none;
}

a, a:active, a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}



img.left {
}

img.right {
}
blockquote {
	border:#333333 dashed 3px;
	width: 550px;
	margin: 0px;
	padding: 10px;
	background-color:#666666;
	quotes: "\201C" "\201D";
	line-height:160%;
	}
blockquote:before { content: open-quote; font-weight: bold; font-size:20px; }
blockquote:after { content: close-quote; font-weight: bold; font-size:20px;}

th {
	text-align:left;
	color:#FFFFFF;
	}

.tn img {
	border: 8px solid #F5F5F5;
}

hr {
	display: none;
}


#wrapper {
	width:952px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#page {
	border-left:1px #333 solid;
	border-right:1px #333 solid;
	border-bottom:1px #333 solid;
	background-color:#000000;
}

#header {
	height:300px;
	width:950px;
	background-image: url(_lib/_home/1a.jpg);
	background-repeat: no-repeat;
	position:relative;
}

#jdm-navigation {
	padding-top:268px;
}

/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */



/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.menu, .menu ul li {
	color: #eee;
	background: #000;
}

.menu ul {
	width: 15em;
}

.menu a {
	text-decoration: none;
	color: #eee;
	padding: .4em 1em;
	display: block;
	position: relative;
}

.menu a:hover, .menu li:hover>a {
	color: #fc3;
}

.menu li li {	/* create borders around each item */
	/*border: 1px solid #ccc;*/
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}



/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */

/*]]>*/


#nav {
	position:absolute;
	width:600px;
	top:40px;
	left:340px;
	z-index:100;
	}
#nav ul {
	display: inline;
	}
#nav li {
	list-style:none;
	display: inline;
	margin-right:20px;
	}
#nav td {
	color:#FFFFFF;
	font-size:0.9em;
	text-align:left;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:3px;
	}
#nav #essential td  {
	background-image: url(_lib/_build/linkbar_1.gif);
	}
#nav #events td  {
	background-image: url(_lib/_build/linkbar_2.gif);
	}
#nav #drivers td  {
	background-image: url(_lib/_build/linkbar_3.gif);
	}
#nav #media td  {
	background-image: url(_lib/_build/linkbar_4.gif);
	}
#nav th {
	text-align:left;
	color:#FFFFFF;
	cursor:pointer;
	font-size:16px;
	}
	
#nav a, a:visited, {
	color:#fff;
	}
	
#nav a:hover, a:active {
	color:#FF0000;
	}	

#content {
	width:950px;
	color:#FFF;
	}
 
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
  
div.hr {
	border: none;
	border-top: 1px dotted #333;
	margin-top: 5px;
	margin-bottom: 18px;
	
}
div.hr hr { display: none; }
	
.halfsandbox {
	width:600px;
	padding:1px;
	margin-top:10px;
	margin-left:10px;
	float:left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #333;
	margin-right: 0px;
	}
.thirdsandbox {
	width:300px;
	padding:1px;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
	}
.fullsandbox {
	width:920px;
	padding:1px;
	margin-left:10px;
	margin-bottom:10px;
	
	}

.sandboxtitle {
	width:100%;
	background-image:url(_lib/_build/sandboxtitle.gif);
	background-repeat: repeat-x;
	height:23px;
	text-indent: 5px;
	padding-top:3px;
	font-weight:bold;
	}
.boxcontent {
	padding:12px;
	}
	.boxcontent li {
		padding-bottom:20px;
		}
	a.contentlinks:link, a.contentlinks:active, a.contentlinks:visited {
		border-bottom:#666666 dashed 1px;
		}
	a.contentlinks:hover {
		border-bottom:#666666 dotted 1px;
		color:#FFFFFF;
		}
	.boxcontent .imgstrap {
			float:left;
			padding-right:12px;
			padding-bottom:5px;
			padding-top:5px;
			}
	.boxcontent .imgstrapborder {
	float:left;
	border: 4px solid #333333;
	padding: 0px;
	margin-top: 5px;
	margin-right: 12px;
	margin-bottom: 5px;
	margin-left: 5px;
			}
	.boxcontent .publishby {
			color:#666666;
			font-size:10px;
			}
	.boxcontent .imgstrap-sponsors {
			float:left;
			padding:3px;
			margin:5px;
			margin-bottom:2px;
			border:#333333 solid 3px;
			}
	.boxcontent h1 {
			border-bottom:#333333 dotted 1px;			
			}
	 
	 .extend {
	 		width:100%;
			text-align:right;
			}
	 .extend a, a:active {	 
			color:#999999;						
			}
	 .extend a:hover {
			color:#CCCCCC; 
			border-bottom:#999999 dotted 1px;
			}
		
			
			
#footer-menu {
	padding-top:20px;
	width:950px;
	background-color:#dc2208;
	height:200px;
	background-image: url(_lib/_build/footer-bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-size:12px;
	color:#630c00;
	}
	
	#footer-menu a {
		border-bottom:#630c00 dotted 1px;
		color:#630c00;
		}
	
	#footer-menu a:hover {
		border-bottom:#fff dotted 1px;
		color:#fff;
		}
	
	#footer-menu ul {
		list-style-image:url(_lib/_build/footer-menu-list.gif);
		padding-left:18px;
		}
		
	#footer-menu li {
		padding-bottom:6px;
		}

	#footer-menu h4 {
		font-size:16px;
		color:#FFFFFF;
		margin-bottom:14px;
		padding-bottom:5px;
		border-bottom:#660000 dotted 1px;
		}
	#footer-menu #latestnews {
		width:290px;
		border-right:#660000 dashed 1px;
		min-height:200px;
		padding-left:20px;
		padding-right:10px;
		float:left;
		}
	#footer-menu #resources {
		width:265px;
		border-right:#660000 dashed 1px;
		min-height:200px;
		padding-left:15px;
		padding-right:10px;
		float:left;
		}
	#footer-menu #contact {
		width:305px;
		min-height:200px;
		padding-left:15px;
		float:left;
		}
	#footer-menu #links {
		width:910px;
		padding-left:20px;
		}
		
		
#footer-strap {
	width:930px;
	background-color:#000;
	height:25px;
	color:#CCCCCC;
	text-align:right;
	padding:10px;
		}

/* Form Styling */		
fieldset {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -1em;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 0;
	border: 3px dashed #666;
	
}

legend {  
margin-left: 3em;  
padding: 0;  
}
legend span {  
position: absolute;  
left: 0.74em;  
top: 0;  
margin-top: 0.5em;  
font-size: 135%;
border-bottom:#333333 1px solid;
}
fieldset ol {
	list-style: none;
	padding-top: 3.5em;
	padding-right: 1em;
	padding-bottom: 2em;
	padding-left: 1em;
}
fieldset input,fieldset textarea {
	border:#666666 4px solid;
	padding:4px;
	}
fieldset li {
	padding-bottom: 1.2em;
	list-style:none;
}
fieldset.submit {
	float: none;
	width: auto;
	border-style: none;
	padding-left: 30em;
	background-color: transparent;
	background-image: none;
	top: -8px;
}
.smalltitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #666666;
	font-weight: bold;
}

label {
	float: left;
	width: 11em;
	margin-right: 1em;
	text-align: left;
}
fieldset fieldset {  
margin-bottom: -2.5em;  
border-style: none;  
background-color: transparent;  
background-image: none;
}
fieldset fieldset legend {  
margin-left: 0;
margin-bottom: 3em;  
font-weight: normal;
}
fieldset fieldset ol {  
position: relative;  
top: -3em;  
margin: 0 0 0 11em;  
padding: 0;
}
fieldset fieldset label {  
float: none;  
width: auto;  
margin-right: auto;
}

	
.Interview1 {
	color: #FFFFFF;
	background-color: #333333;
	padding: 3px;
}
.Interview2 {
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 3px;
}

.TicketAdmin {
		color:#fff;
		text-align:left;
		font-size:12px;
		}
.TicketAdminMenu {
		background-color:#444444;
		}