/* ================================================================ 
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; top:320px; left:40px; z-index:99;}

.nav ul li a, .nav ul li a:visited {float:left; display:block; padding:10px 15px; color:#000000; overflow:hidden; line-height:20px; font-weight:bold; font-size:14px; margin:0 45px 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(../images/nav_home.gif) no-repeat!important;}
.nav ul li#navHome:hover{background:url(../images/nav_home_hover.gif) no-repeat!important;}
.nav ul li#navEpisodes{background:url(../images/nav_episodes.gif) no-repeat!important;}
.nav ul li#navEpisodes:hover{background:url(../images/nav_episodes_hover.gif) no-repeat!important;}
.nav ul li#navProfiles{background:url(../images/nav_profiles.gif) no-repeat!important;}
.nav ul li#navProfiles:hover{background:url(../images/nav_profiles_hover.gif) no-repeat!important;}
.nav ul li#navVideos{background:url(../images/nav_videos.gif) no-repeat!important;}
.nav ul li#navVideos:hover{background:url(../images/nav_videos_hover.gif) no-repeat!important;}
.nav ul li#navInteract{background:url(../images/nav_interact.gif) no-repeat!important;}
.nav ul li#navInteract:hover{background:url(../images/nav_interact_hover.gif) no-repeat!important;}
.nav ul li#navResources{background:url(../images/nav_resources.gif) no-repeat!important;}
.nav ul li#navResources:hover{background:url(../images/nav_resources_hover.gif) no-repeat!important;}

.nav ul li:hover ul {display:block; position:absolute; top:31px; left:0; width:140px; border-top:2px solid #000000; width:147px;}
.nav ul li:hover ul li a.hide {background:#ea9fe8!important;}

.nav ul li:hover ul li:hover a.hide {background: url(../images/bg_nav_hover.gif) repeat-x left bottom #ffffff!important;}
.nav ul li:hover ul li ul {display: none;}
.nav ul li:hover ul li a {display:block; background:#ea9fe8; font-weight:normal; font-size:12px; width:110px; padding: 8px 20px 8px 13px!important; border-top:0!important; margin:0!important;  border:2px solid #000; }
.nav ul li:hover ul li a:hover {background:#f3a6f1!important;}
.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:#d4e5ec!important; color:#000; border-bottom:1px solid #9fcadc;}