
/* NAVIGATION */


#nav {
	position: absolute;
	top: 0px;
	right: 0;
	width: 579px; 
	z-index: 10001;
	
    }

#nav ul.main-nav {
	width: 591px;	
    }

#nav ul.main-nav li { 
	display: block;
	float: left;
	text-indent: -7000em;
	position: relative;
    }

#nav ul.main-nav li a {
	background: transparent url(../o/4/p/wfc/dscc/website/public/Images/nav-cpk3.png) no-repeat 0 0;
	display: block;
	height: 37px;
	outline: none;
    }

#nav ul.main-nav #nav-home { width: 63px;  background-position: 0px -38px;}
#nav ul.main-nav #nav-home a { background-position: -2px 0px; } 
#nav ul.main-nav #nav-home a:hover  { background-position: -2px -38px; } 
.home-crumbs #nav ul.main-nav #nav-home a { background-position: -2px -38px; }  /* MUST INVESTIGATE THIS SYSTEM */

#nav ul.main-nav #nav-races { width: 67px; }
#nav ul.main-nav #nav-races a { background-position: -67px 0px; }
#nav ul.main-nav #nav-races.hover a { background-position: -67px -38px; }
.races-crumbs #nav ul.main-nav #nav-races a { background-position: -67px -38px; }

#nav ul.main-nav #nav-news { width: 65px; }
#nav ul.main-nav #nav-news a { background-position: -137px 0px; }
#nav ul.main-nav #nav-news.hover a { background-position: -137px -38px; }
.news-crumbs #nav ul.main-nav #nav-news a { background-position: -137px -38px; }

#nav ul.main-nav #nav-video { width: 67px; }
#nav ul.main-nav #nav-video a { background-position: -201px 0px; }
#nav ul.main-nav #nav-video.hover a { background-position: -201px -38px; }
.video-crumbs #nav ul.main-nav #nav-video a  { background-position: -201px -38px; }

#nav ul.main-nav #nav-about { width: 68px; }
#nav ul.main-nav #nav-about a { background-position: -269px 0px; }
#nav ul.main-nav #nav-about.hover a { background-position: -269px -38px; }
.about-crumbs #nav ul.main-nav #nav-about a { background-position: -269px -38px; }

#nav ul.main-nav #nav-store { width: 66px; }
#nav ul.main-nav #nav-store a { background-position: -341px 0px; }
#nav ul.main-nav #nav-store.hover a { background-position: -341px -38px; }
.store-crumbs #nav ul.main-nav #nav-store a { background-position: -341px -38px; }

#nav ul.main-nav #nav-join { width: 74px; }
#nav ul.main-nav #nav-join a { background-position: -410px 0px; }
#nav ul.main-nav #nav-join.hover a { background-position: -410px -38px; }
.join-crumbs #nav ul.main-nav #nav-join a { background-position: -410px -38px; }

#nav ul.main-nav #nav-contribute { width: 110px; }
#nav ul.main-nav #nav-contribute a { background-position: -485px 0px; }
#nav ul.main-nav #nav-contribute.hover a { background-position: -485px -38px; }
.contribute-crumbs #nav ul.main-nav #nav-contribute a { background-position: -485px -38px; }


/* NAVIGATION MENUS */

.nav-menu
{
	position: absolute;
	top: 33px;
	left: 0;
	z-index: 5000;
	background-color: transparent;
	display: none;

	width: 125px;
}

.nav-menu.wide
{
	width: 580px;
}

.nav-menu .nav-menu-header
{
	height: 16px;
	background: transparent url(/Images/nav-dropdown-top-bg.png) no-repeat center top;
}

.nav-menu.wide .nav-menu-header
{
	background: transparent url(/Images/nav-dropdown-wide-top-bg.png) no-repeat center top;
}

.nav-menu .nav-menu-content
{
	width: 95px;
	padding: 0 15px 15px 15px;
	background: transparent url(/Images/nav-dropdown-bottom-bg.png) no-repeat center bottom;
}

.nav-menu.wide .nav-menu-content
{
	width: 550px;
	background: transparent url(/Images/nav-dropdown-wide-bottom-bg.png) no-repeat center bottom;
}





#nav-races .nav-menu { left: -235px; }
#nav-blog .nav-menu  { left: -256px; }
#nav-news .nav-menu  { left: -256px; }
#nav-rant .nav-menu  { left: -256px; }
#nav-video .nav-menu { left: -254px; }
#nav-about .nav-menu { left: -13px; }


#nav ul.main-nav li .nav-menu-content ul li,
#nav ul.main-nav li .nav-menu-content ul li a
{
	text-indent: 0;
	background-image: none;
	height: auto;
	float: none;
}

#nav ul.main-nav #nav-races .nav-menu .nav-menu-content a,
#nav ul.main-nav #nav-blog .nav-menu .nav-menu-content a ,
#nav ul.main-nav #nav-news .nav-menu .nav-menu-content a,
#nav ul.main-nav #nav-rant .nav-menu .nav-menu-content a,
#nav ul.main-nav #nav-video .nav-menu .nav-menu-content a {
	text-indent: 0;
	background-image: none;
	height: auto;
    }



#nav ul.main-nav #nav-about ul li,
.nav-menu-links
{
	font-size: 108%;
	line-height: 170%;
}



.nav-menu-links,
.nav-menu-promo { 
    float: left;
	overflow: hidden;
	}
	
.nav-menu-links { 
    width: 140px;
	}
	
	.nav-menu-links li { 
    padding-left: 5px;
	}
	
.nav-menu-promo { 
    width: 400px;
	background: transparent url(/Images/nav-dropdown-promo-bg.png) no-repeat left bottom;
	}

	
.nav-menu-promo .title, .nav-menu-content .title  { 
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	margin-left: 5px;
	padding-top: 4px;
	}

.nav-menu-promo ul { 
	padding-top: 5px;
	}	
	
	.nav-menu-promo li { 
	padding: 5px;
	font-size: 14px;
	line-height: 17px;
	width: 390px;
	}
	
	
#nav-races .featured-race { 
	padding: 10px 5px 5px 5px;
	}
	
	#nav-races .featured-race a img { 
	float: left;
	width: 54px;
	height: 54px;
	margin: 0 10px 0 0;
	}
	
	#nav-races .featured-race a .headline { 
	font-size: 17px;
	display: block;
	width: 320px;
	}
	
	#nav-races .featured-race a .teaser { 
	color: #626263;
	}
	
	
#nav-video #vlist li { 
	float: left;
	width: 164px;
	height: 45px;
	overflow: hidden;
	margin: 10px 14px 5px 5px;
	}
	
	#nav-video #vlist li a img { 
	float: left;
	width: 60px;
	height: 45px;
	margin: 3px 10px 0 0;
	}
	
#nav-blog ul,
#nav-rant ul { 
	padding-top: 5px;
	}	
	
	#nav-blog li,
	#nav-rant li { 
	padding: 5px;
	font-size: 14px;
	line-height: 17px;
	width: 520px;
	}
	
/* RACES SUB-BANNER SUBMENU */
#races-sub-nav {
	background: url(../o/4/p/wfc/dscc/website/public/Images/nav-cpk3.png) top left no-repeat;
	background-position:0 -84px;
	width:960px; height:39px;
	border-bottom:solid 1px #02446f;
}
#races-sub-nav ul.sub-nav li a {
	background: url(../o/4/p/wfc/dscc/website/public/Images/nav-cpk3.png) top left no-repeat;
	background-position: 0 0;
	display:block;
	float:left;
	height:39px;
	
}

#races-sub-nav ul.sub-nav li#featured-races a{  
	background-position:-82px -84px;
	width:148px;  
	margin-left:82px;
}

#races-sub-nav ul.sub-nav li#featured-races a:hover, .races-crumbs.featured #races-sub-nav ul.sub-nav li#featured-races  a { 
	background-position:-82px -124px;
	width:148px; 
	margin-left:82px; 
}
	
#races-sub-nav ul.sub-nav li#incumbents
{
background:#fff;   
	/*background-position:-233px -84px;*/
	width:130px;  height:39px; 
	margin-left:5px; float:left;
	display:block;

}
 #races-sub-nav ul.sub-nav li#incumbents a{
	background:#fff;   
	/*background-position:-233px -84px;*/
	width:120px;  
	margin-left:5px; 
	display:none;
}

#races-sub-nav ul.sub-nav li#incumbents a:hover .races-crumbs.incumbents #races-sub-nav ul.sub-nav li#incumbents a { 
	background:#fff; 
	/*background-position:-233px -124px;*/
	width:120px; 
	margin-left:5px; 
}
	
#races-sub-nav ul.sub-nav li#challengers{
	background:#fff;  
	
	/*background-position:-354px -84px;*/
	width:118px;  height:39px; 
	margin-left:5px; float:left; display:block;
} 

#races-sub-nav ul.sub-nav li#challengers a{
	display:none;
	background:#fff;  
	/*background-position:-354px -84px;*/
	width:118px;  
	margin-left:5px; display:none;
}

#races-sub-nav ul.sub-nav li#challengers a:hover,  .races-crumbs.challengers #races-sub-nav ul.sub-nav li#challengers  a{ 
	 background:#fff; display:none;
	/*background-position:-354px -124px;*/
	width:118px; 
	margin-left:5px; 
}

 
#races-sub-nav ul.sub-nav li#all-races {  
	background:#fff; 
	width:96px;  
	margin-left:5px;
	height:39px; display:block; float:left;
}
 
#races-sub-nav ul.sub-nav li#all-races a{  
	 
	/*display:none;*/
	background-position:-474px -84px; 
	width:96px;  
	margin-left:5px; 
}

#races-sub-nav ul.sub-nav li#all-races a:hover, .races-crumbs.all-races #races-sub-nav ul.sub-nav li#all-races a { 
 
	 background-position:-474px -124px; 
	width:96px; 
	margin-left:5px; 
}

/* NEWS SUB-BANNER SUBMENU */
#news-sub-nav {
	background: url(../o/4/p/wfc/dscc/website/public/Images/nav-cpk.png) top left no-repeat;
	background-position:0 -171px;
	width:960px; height:39px;
	border-bottom:solid 1px #02446f;
}
#news-sub-nav ul.sub-nav li a {
	background: url(../o/4/p/wfc/dscc/website/public/Images/nav-cpk.png) top left no-repeat;
	display:block;
	float:left;
	height:39px;
	
}

#news-sub-nav ul.sub-nav li#sort-by a{  
	background-position:-0 -171px;
	width:80px;   
}

 
#news-sub-nav ul.sub-nav li#daily-briefing a{  
	background-position:-82px -171px;
	width:131px;  
	margin-left:1px;
}

#news-sub-nav ul.sub-nav li#daily-briefing a:hover, .news-crumbs.daily-briefing #news-sub-nav ul.sub-nav li#daily-briefing  a { 
	background-position:-82px -211px;
	width:131px; 
	margin-left:1px; 
}
	
#news-sub-nav ul.sub-nav li#subnav-press-releases a{  
	background-position:-215px -171px;
	width:138px;  
	margin-left:5px;
}

#news-sub-nav ul.sub-nav li#subnav-press-releases a:hover, .news-crumbs.press-releases #news-sub-nav ul.sub-nav li#subnav-press-releases a { 
	background-position:-215px -211px;
	width:138px; 
	margin-left:5px; 
}
	
#news-sub-nav ul.sub-nav li#hall-o-shame a{  
	background-position:-353px -171px;
	width:132px;  
	margin-left:5px;
}

#news-sub-nav ul.sub-nav li#hall-o-shame a:hover,  .news-crumbs.hall-o-shame #news-sub-nav ul.sub-nav li#hall-o-shame  a{ 
	background-position:-353px -211px;
	width:132px; 
	margin-left:5px; 
}
 

#news-sub-nav ul.sub-nav li#informd a{  
	background-position:-488px -171px;
	width:96px;  
	margin-left:5px;
}

#news-sub-nav ul.sub-nav li#informd a:hover,  .news-crumbs.informd #news-sub-nav ul.sub-nav li#informd  a{ 	 
	background-position:-488px -211px;
	width:96px; 
	margin-left:5px; 
}

#news-sub-nav ul.sub-nav li#dscc-blog a{  
	background-position:-592px -171px;
	width:112px;  
	margin-left:5px;
}

#news-sub-nav ul.sub-nav li#dscc-blog a:hover,  .news-crumbs.dscc-blog #news-sub-nav ul.sub-nav li#dscc-blog a{ 	 
	background-position:-592px -211px;
	width:112px; 
	margin-left:5px; 
}

/* Videos SUB-BANNER SUBMENU */
#video-sub-nav {
	background: url(../o/4/p/wfc/dscc/website/public/Images/nav-cpk3.png) top left no-repeat;
	background-position:0 -351px;
	width:960px; height:39px;
	border-bottom:solid 1px #02446f;
}
#video-sub-nav ul.sub-nav li a {
	background: url(../o/4/p/wfc/dscc/website/public/Images/nav-cpk3.png) top left no-repeat;
	display:block;
	float:left;
	height:39px;
	
}

#video-sub-nav ul.sub-nav li#latest-video a{  
	background-position:-82px -351px;
	width:123px;  
	margin-left:82px;
}

#video-sub-nav ul.sub-nav li#latest-video a:hover, .video-crumbs.latest-video #video-sub-nav ul.sub-nav li#latest-video  a { 
	background-position:-82px -391px;
	width:123px; 
	margin-left:82px; 
}
	
#video-sub-nav ul.sub-nav li#ads a{  
	background-position:-217px -351px;
	width:53px;  
	margin-left:5px;
}

#video-sub-nav ul.sub-nav li#ads a:hover, .video-crumbs.ads #video-sub-nav ul.sub-nav li#ads a { 
	background-position:-217px -391px;
	width:53px; 
	margin-left:5px; 
}
	
#video-sub-nav ul.sub-nav li#road-to-victory a{  
	background-position:-271px -351px;
	width:147px;  
	margin-left:5px;
}

#video-sub-nav ul.sub-nav li#road-to-victory a:hover,  .video-crumbs.road-to-victory #video-sub-nav ul.sub-nav li#road-to-victory  a{ 
	background-position:-271px -391px;
	width:147px; 
	margin-left:5px; 
}
 

#video-sub-nav ul.sub-nav li#all-videos a{  
	background-position:-422px -351px;
	width:104px;  
	margin-left:5px;
}

#video-sub-nav ul.sub-nav li#all-videos a:hover,  .video-crumbs.all-videos #video-sub-nav ul.sub-nav li#all-videos  a{ 	 
	background-position:-422px -391px;
	width:104px; 
	margin-left:5px; 
}

/* ABOUT SUB-BANNER SUBMENU */
#about-sub-nav {
	background: url(../o/4/p/wfc/dscc/website/public/Images/nav-cpk3.png) top left no-repeat;
	background-position:0 -261px;
	width:960px; height:39px;
	border-bottom:solid 1px #02446f;
}
#about-sub-nav ul.sub-nav li a {
	background: url(../o/4/p/wfc/dscc/website/public/Images/nav-cpk3.png) top left no-repeat;
	display:block;
	float:left;
	height:39px;
}

#about-sub-nav ul.sub-nav li#sort-by a {  
	background-position:0px -261px;
	width:79px;   
}

#about-sub-nav ul.sub-nav li#join-the-dscc a {  
	background-position:-81px -261px;
	width:85px;  
	margin-left:1px;
}

#about-sub-nav ul.sub-nav li#join-the-dscc a:hover, .about-crumbs.join-the-dscc #about-sub-nav ul.sub-nav li#join-the-dscc  a { 
	background-position:-81px -301px;
	width:85px; 
	margin-left:1px; 
}
	
#about-sub-nav ul.sub-nav li#join-the-dscc a:hover, .join-crumbs.join-the-dscc #about-sub-nav ul.sub-nav li#join-the-dscc  a { 
	background-position:-81px -301px;
	width:85px; 
	margin-left:1px; 
}
#about-sub-nav ul.sub-nav li#job-bank a{  
	background-position:-169px -261px;
	width:80px;  
	margin-left:5px;
}

#about-sub-nav ul.sub-nav li#job-bank a:hover, .about-crumbs.job-bank #about-sub-nav ul.sub-nav li#job-bank a { 
	background-position:-169px -301px;
	width:80px; 
	margin-left:5px; 
}

#about-sub-nav ul.sub-nav li#internships a{  
	background-position:-251px -261px;
	width:132px;  
	margin-left:5px;
}

#about-sub-nav ul.sub-nav li#internships a:hover, .about-crumbs.internships #about-sub-nav ul.sub-nav li#internships a{ 
	background-position:-251px -301px;
	width:132px; 
	margin-left:5px; 
}

	
#about-sub-nav ul.sub-nav li#contact-us a{  
	background-position:-383px -261px;
	width:112px;  
	margin-left:5px;
}

#about-sub-nav ul.sub-nav li#contact-us a:hover,  .about-crumbs.contact-us #about-sub-nav ul.sub-nav li#contact-us  a{ 
	background-position:-383px -301px;
	width:112px; 
	margin-left:5px; 
}
 
 
