@charset "utf-8";

/********Basic Elements *****/
/*Define styles for basic elements: body, a, p, etc.*/

body {
	color: #333333;
	font-size: 62.5%;   /*  Sets Base Font Size. 
							VARY THIS PERCENT TO PROPORTIONATELY ALTER ALL FONT SIZES,  
							HEADLINES, LINE HEIGHTS, ETC, THAT ARE SIZED WITH EM ! 					
							At 62.5%, 1em is equal to 10px                      */
	
	background-color: #000000;
	background-image: url(img/bg.gif);
}

div#container  { text-align: left; margin: 25px auto; position: relative; width: 970px }
/****** HEADER   *****/
div#header {
	width: 970px;
	height:60px;
	margin-bottom:20px;
	
}
div#header img {
	margin-left: 50px;
}
 
#facebook   { margin: 4px 0 0; float: right }
#facebook a {width:25px; height:25px; overflow:hidden; margin:2px; float:right; padding:0; opacity:.8; text-indent:-1000px; display:block; }
#facebook a.fb  { background: url("img/facebookIcon.gif") no-repeat }
#facebook a:hover {opacity:1;}

div#content  { background-color: #121212; margin: 10px 0 0; position: relative; width: 970px; border: solid 1px #000 }
div#contentHeader {
	width: 970px;	
	height:42px;
	background-color:#000;
}
div#contentHeader img{
	margin:6px 0 0 20px;
}
div#content p {
	/* Don't change font size, or anything else sized with EM, change it globally under BODY */
	font-size:1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	margin-bottom:1em;
	color:#CCCCCC;
	margin-bottom:1.2em;
}
div#copy  { margin: 20px 170px 0 80px }
div#navBar {
	color:#000;
	background-color:#000000;
}

div#slideShowWrapper {
	float: left;
	background-color:#000000;
}
div#pushFooter {
	width:100%;
	height:50px;
}
div#footer {
	width:100%;
	height:35px;
	/* Use h6 for text in footer */
}

/**Navigation   968x46 **/
ul#nav { 
	float:left; 
	list-style: none; 
	width: 968px; 
}
ul#nav li { float: left; }
ul#nav a { 
	display: block; 
	height: 23px; 
	position: relative; 
}
ul#nav span { 
	background: url(img/nav2.png) no-repeat; 
	display: block; 
	height: 100%; 
	left: 0; 
	position: absolute; 
	top: 0; 
	width: 100%; 
}
 
ul#nav li#details a 			{ width: 120px; }						/*  width of link 1 = A  */
ul#nav li#details a:hover span 	{ background-position: 0 -22px; }		/* px to shift up = 22px  */

ul#nav li#register a 			{ width: 170px; }						/*  width of link 2 = B  */
ul#nav li#register span 		{ background-position: -120px 0; }		/*  -Apx 0;  */
ul#nav li#register a:hover span { background-position: -120px -22px; }	/*  -102px -22px;  */
 
ul#nav li#results a 			{ width: 140px; }						/* width of link 3 = C   */
ul#nav li#results span 			{ background-position: -290px 0; }		/*  -(A+B)px 0;  */
ul#nav li#results a:hover span 	{ background-position: -290px -22px; }	/*  -(A+B)px -22px;  */

ul#nav li#blog a 				{ width: 100px; }						/* width of link 4 = D   */
ul#nav li#blog span 			{ background-position: -430px 0; }		/*  -(A+B+C)px 0;  */
ul#nav li#blog a:hover span 	{ background-position: -430px -22px; }	/*  -(A+B+C)px -22px;  */
 
ul#nav li#sponsors a 			{ width: 175px; }						/* width of link 5 = E   */
ul#nav li#sponsors span 		{ background-position: -535px 0; }		/*  -(A+B+C+D)px 0;   */
ul#nav li#sponsors a:hover span { background-position: -535px -22px; }	/*  -(A+B+C+D)px -22px;  */
 
ul#nav li#pilots a 				{ width: 120px; }						/*  width of link 6 = F  */
ul#nav li#pilots span 			{ background-position: -710px 0; }		/*  -(A+B+C+D+E)px 0;  */
ul#nav li#pilots a:hover span 	{ background-position: -710px -22px; }	/*  -(A+B+C+D+E) -22px;  */

ul#nav li#info a 				{ width: 135px; }						/*  width of link 6 = F  */
ul#nav li#info span 			{ background-position: -830px 0; }		/*  -(A+B+C+D+E)px 0;  */
ul#nav li#info a:hover span 	{ background-position: -830px -22px; }	/*  -(A+B+C+D+E) -22px;  */

/*** end navigation ***/
/********MISC *****/
/*Continue to define the other sections one by one*/

h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0.8em;
	color: #FFFFFF;
}
h1 {
	/* Don't change font size, or anything else sized with EM, change it globally under BODY */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: lighter;
	letter-spacing: 0.05em;
	color:#F8CD5C;
}
h2 {
	/* Don't change font size, or anything else sized with EM, change it globally under BODY */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: lighter;
	letter-spacing: 0.01em;
	color: #F8CD5C;
}	
h3 {
	/* Don't change font size, or anything else sized with EM, change it globally under BODY */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	letter-spacing: .1em;
}
h4 {
	/* Don't change font size, or anything else sized with EM, change it globally under BODY */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	color: #CCCCCC;
	margin-bottom: 15px;
}
h5 {
	/* Don't change font size, or anything else sized with EM, change it globally under BODY */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;  
	font-weight: 500;
	letter-spacing: 0.1em;
}
h6 {
	/* Don't change font size, or anything else sized with EM, change it globally under BODY */
	/*  Using h6 for the footer text...   */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	letter-spacing: 0.13em;
	color:#C6BE26;
	padding-top:1.1em;
	margin-left: 785px;
}
.clear {
	clear:both;
} 
div#content a:link    {
	color:#0099CC;
	text-decoration:none;
}
div#content a:visited {
	color:#0099CC;
	text-decoration:none;
}
div#content a:hover {
	text-decoration:none;
	color:#00B1EC;
}
div#content a:active {
	color:#FFFFFF;
	text-decoration:none;
}
/*  link styles for photo credits */

div#slideShowWrapper a:link    {
	color:#0099CC;
	text-decoration:none;
}
div#slideShowWrapper a:visited {
	color:#0099CC;
	text-decoration:none;
}
div#slideShowWrapper a:hover {
	text-decoration:none;
	color:#00B1EC;
}
div#slideShowWrapper a:active {
	color:#FFFFFF;
	text-decoration:none;
}
/******  contact form styles  *******/

div#formWrapper {
	padding:32px 20px 20px 20px ;
	background-color:#15151A;
	width:400px;
}
form#contactForm {
	position:relative;
	top:0px;
	left:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	letter-spacing: 0.1em;
	color:#CCCCCC;
}

form#contactForm  input {
	margin: 7px;
	background-color:#4D66A9;
	width:180px;
	height:18px;
}
form#contactForm  input, form#contactForm  textarea, form#contactForm  input#button {
	border:1px solid #999999;
}
form#contactForm  textarea {
	margin: 9px 0px 0px 6px;
	background-color:#4D66A9;
	font:inherit;
	/*font-size: 1.5em;*/
}
span#message {
	position:relative;
	top:-70px;
	left:0;
}
form#contactForm  input#button {
	margin:15px 0 0 244px;
	padding:0 0 0 0;
	text-align:center;
	width:40px;
	background-color:#CCCCCC;
}
span#WebSiteBy {
	color:#C6BE26;
	position:absolute;
	left:80%;
	top:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	letter-spacing: 0.13em;
	color:#C6BE26;
	font-weight: bold;
}
span.item {
	color:#DED64F;
}
span.cooperation {
	color:#669966;
}
div#navWrapper {
	padding-top:3px;
	width:972px;
	height:28px;
	background-color:#000000;
}	
.cash {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #CC0000 !important;
}
.float-right     { display: inline; margin: 0; float: right }
.float-left      { display: inline; margin: 0; padding-right: 10px; float: left }
blockquote {
	margin-left:30px;
}
div#smith  { position: absolute; top: 40px; left: 0 }
div#superfly  { position: absolute; top: 40px; left: 540px }
div#sunvalley  { position: absolute; top: 223px; left: 20px }
div#powerhouse { position: absolute; top: 263px; left: 320px }
div#copy a:link    {
	color:#669966;
	text-decoration:none;
}
div#copy a:visited {
	color:#669966;
	text-decoration:none;
}
div#copy a:hover {
	text-decoration:none;
	color:#00B1EC;
}
div#copy a:active {
	color:#669966;
	text-decoration:none;
}