/* ---------------------------------- navigation ---------------------------------- */


/* ================================================================ 
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_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

div.menu {margin-left:195px;}

#artists div.menu,
#dancers div.menu,
#music div.menu, 
#music1 div.menu {margin-top:-75px;}


.menu {font-family: arial, sans-serif; height:30px; position:relative; margin:0; font-size:11px; margin:0; background:transparent; position:relative; z-index:100; text-align:center;}
.menu ul {padding:0; margin:0; list-style-type: none;}

.menu ul li {float:left; width:90px;}

.menu ul li a, .menu ul li a:visited {display:block; width:80px; text-decoration:none; padding:0 0 0 5px; height:30px; line-height:30px; color:#cecece; }

.menu ul li a.sub:hover  {background:url(../images/corner.gif) bottom center no-repeat;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }


.menu ul li:hover a,
.menu ul li a:hover {color:#fff; background:#000;}

.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; width:749px;background:#000; color:#fff;}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid #000;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0; border-left:1px solid #000;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#000 url(../images/corner.gif) bottom center no-repeat; color:#8b8b8b;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; background:#000; color:#3e6683;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#000; color:#fff;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#fff; background:#000;}

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#000; color:#cecece;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#000; color:#fff;}


/* current page formatting for sub menus */

#angelus .menu ul li:hover,
#angelus .menu ul li a.sub.shows,
#emos .menu ul li a.sub.shows,
#toi .menu ul li a.sub.shows,
#sakura .menu ul li a.sub.shows,

#dancers .menu ul li a.sub.crew,
#staff .menu ul li a.sub.crew
{
background:url("../images/corner.gif") bottom center no-repeat;
}