/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

.nav{position:absolute; width:987px; height:45px; top:414px; left:0px; z-index:99; background:#b40001;}

.nav ul li { margin-left: 60px; }

.nav ul li a, .nav ul li a:visited {float:left; display:block; padding: 20px 10px 15px 10px; color:#000000; overflow:hidden; line-height:20px; font-weight:bold; font-size:14px; margin:0px 0px 0 0;}

.nav ul li a img{float:left; visibility:hidden;}
.nav ul li ul li a img{visibility:visible;}

.nav ul {padding:0; margin:0;list-style-type: none; }
.nav ul li {padding:0; float:left; position:relative;}
.nav ul li ul {display: none;}

/* nav img background */
.nav ul li#navHome{background:url(../microsite/theyoungandtherestless/images/nav/nav_home.gif) no-repeat!important;}
.nav ul li#navHome:hover{background:url(../microsite/theyoungandtherestless/images/nav/nav_home_hover.gif) no-repeat!important;}
.nav ul li#navEpisodes{background:url(../microsite/theyoungandtherestless/images/nav/nav_episodes.gif) no-repeat!important;}
.nav ul li#navEpisodes:hover{background:url(../microsite/theyoungandtherestless/images/nav/nav_episodes_hover.gif) no-repeat!important;}
.nav ul li#navProfiles{background:url(../microsite/theyoungandtherestless/images/nav/nav_profiles.gif) no-repeat!important;}
.nav ul li#navProfiles:hover{background:url(../microsite/theyoungandtherestless/images/nav/nav_profiles_hover.gif) no-repeat!important;}
.nav ul li#navVideos{background:url(../microsite/theyoungandtherestless/images/nav/nav_videos.gif) no-repeat!important;}
.nav ul li#navVideos:hover{background:url(../microsite/theyoungandtherestless/images/nav/nav_videos_hover.gif) no-repeat!important;}
.nav ul li#navInteract{background:url(../microsite/theyoungandtherestless/images/nav/nav_interact.gif) no-repeat!important;}
.nav ul li#navInteract:hover{background:url(../microsite/theyoungandtherestless/images/nav/nav_interact_hover.gif) no-repeat!important;}
.nav ul li#navResources{background:url(../microsite/theyoungandtherestless/images/nav/nav_resources.gif) no-repeat!important;}
.nav ul li#navResources:hover{background:url(../microsite/theyoungandtherestless/images/nav/nav_resources_hover.gif) no-repeat!important;}

.nav ul li:hover ul {display:block; position:absolute; top:44px; left:-64px; width:143px;}
.nav ul li:hover ul li a.hide {background:#d41a1b!important;}

.nav ul li:hover ul li:hover a.hide {background:#ac0c39!important;}
.nav ul li:hover ul li ul {display: none;}
.nav ul li:hover ul li a {display:block; background:#b40001; font-weight:normal; font-size:12px; width:110px; padding: 8px 30px 8px 13px!important; margin:0!important; }
.nav ul li:hover ul li a:hover { background:#c80f10;}
.nav ul li:hover ul li:hover ul {display:block; position:absolute; left:218px; top:0;}
.nav ul li:hover ul li:hover ul.left {left:-218px;}
.nav ul li:hover ul li ul li a {background:#d41a1b!important; color:#000; border-bottom:1px solid #9fcadc;}