/* navigation */
.expand_li {  display: block; }
.current     { color: #abd518 }
.current2 { color: #000000 }
#navigation    { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: black; width: 970px; height: 46px }
#nav       { text-align: right; float: right; padding-top: 10px }
#nav ul   { list-style-type: none; margin: 0; padding: 0 }
#nav a     { color: #ffffff; font-size: 8pt; font-weight: bold; text-decoration: none; cursor: hand; display: table-cell; padding-left: 0px; width: 100%; height: 23px; vertical-align: middle }
#nav li a:hover { color: #abd518 }
#nav ul li    { text-align: center; letter-spacing: 0px; margin-top: 0; height: 23px; float: left }
/*begin CSS for dropdown menu*/
#nav li ul         { background-color: #000000; display: none; margin-left: -1px; position: absolute; z-index: 100; width: 119px; float: left }
#nav li ul li        { background: transparent; text-align: left; letter-spacing: 0; display: block; margin: 0; width: 119px }
#nav li ul li a      { font-size: 8pt; display: block; padding-top: 6px; padding-right: 0px; padding-left: 2px; width: auto; height: 18px }
#nav li ul li a:hover    { color: #abd518 }
/*only in moz/opera... done in JS for ie with node.style.marginTop */
#nav li ul li:first-child  { margin-top: 0 }
/* Opera Fix */
#nav li > ul { top: auto; left: auto; }
#nav li:hover ul, #nav li.over ul {
	display: block;
	position: relative; }
/*end CSS for dropdown menu*/

#nav a { 
	display: block; 
	height: 23px; 
	position: relative; 
}
#nav span { 
	background: url(img/nav3.png) no-repeat; 
	display: block; 
	height: 100%; 
	left: 0; 
	position: absolute; 
	top: 0; 
	width: 100%; 
}
 
#nav li#details a 			{ width: 113px; }						/*  width of link 1 = A  */
#nav li#details a:hover span 	{ background-position: 0 -22px; }		/* px to shift up = 22px  */

#nav li#register a 			{ width: 128px; }						/*  width of link 2 = B  */
#nav li#register span 		{ background-position: -113px 0; }		/*  -Apx 0;  */
#nav li#register a:hover span { background-position: -113px -22px; }	/*  -Apx -22px;  */
 
#nav li#results a 			{ width: 119px; }						/* width of link 3 = C   */
#nav li#results span 			{ background-position: -241px 0; }		/*  -(A+B)px 0;  */
#nav li#results a:hover span 	{ background-position: -241px -22px; }	/*  -(A+B)px -22px;  */

#nav li#blog a 				{ width: 77px; }						/* width of link 4 = D   */
#nav li#blog span 			{ background-position: -360px 0; }		/*  -(A+B+C)px 0;  */
#nav li#blog a:hover span 	{ background-position: -360px -22px; }	/*  -(A+B+C)px -22px;  */
 
#nav li#sponsors a 			{ width: 151px; }						/* width of link 5 = E   */
#nav li#sponsors span 		{ background-position: -437px 0; }		/*  -(A+B+C+D)px 0;   */
#nav li#sponsors a:hover span { background-position: -437px -22px; }	/*  -(A+B+C+D)px -22px;  */
 
#nav li#pilots a 				{ width: 98px; }						/*  width of link 6 = F  */
#nav li#pilots span 			{ background-position: -588px 0; }		/*  -(A+B+C+D+E)px 0;  */
#nav li#pilots a:hover span 	{ background-position: -588px -22px; }	/*  -(A+B+C+D+E) -22px;  */

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

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