/* CSS Document */
#nav {    /* only Main nav items */
	margin:0px;
	list-style: none;
	z-index: 130;
	line-height: 51px;
	}

#nav li.mainNav
{
   /* only Main nav items */
   border-right: 1px solid #ccc;
   width: auto;
   padding: 0 10px;
}

#nav li.mainNav a { width: auto; }


#nav ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
   z-index: 130;
	line-height: 14px;
}

#nav a {
	display: block;
	width: 180px;
   text-decoration: none;
   color: #000;
}

#nav li { /* all list items */
	float: left;
	width: 180px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 145px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
   border: 1px solid #666;
   padding: 0px;
   margin: 0px;
}

#nav li ul li
{
   /* second-level list items */
   border-bottom: 1px solid #fff;
   width: 135px;
   padding: 5px;
   margin: 0px 0px;
   z-index: 199;
   background-color: #e4e1d8;
   opacity: .9;
   filter: alpha(opacity=90);
}

#nav li ul ul { /* third-and-above-level lists */
   margin: -20px 0 0 140px;
   width: 200px;
}

#nav li ul ul li {  /* third-and-above-level lists */
   margin: 0px;
   padding: 5px;
   width: 190px;
   z-index: 135;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	color: #990000;
   z-index: 130;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul, #nav a:hover { /* lists nested under hovered list items */
	left: auto;
   color: #990000;

}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
   color: #990000;

}
.boxOffice #pageWrapper #pageHeader #nav li.mainNav#boxOffice, .season #pageWrapper #pageHeader #nav li.mainNav#season, .support #pageWrapper #pageHeader #nav li.mainNav#support, .education #pageWrapper #pageHeader #nav li.mainNav#education, .press #pageWrapper #pageHeader #nav li.mainNav#press, .about #pageWrapper #pageHeader #nav li.mainNav#about
{
   /* Highlights the current Page Main Nav Button with different background image */
   color: #000;
   background-image: url(/_img/gNavBackground.jpg);
   background-repeat: repeat-x;
   background-position: bottom;
}

#nav li.sfhover { /* rollover for all LI's in Explorer*/
   color: #990000;
   background-image: url(/_img/gNavBackground.jpg);
   background-repeat: repeat-x;
   background-position: top;
}

#nav li:hover { /* rollover for the rest of the browsers */
   color: #990000;
   background-image: url(/_img/gNavBackground.jpg);
   background-repeat: repeat-x;
   background-position: top;
}

/* Subnav Styles
-------------------- */
#subnav
{
    top: 51px;
    position: absolute;
    left: 0px;
    line-height: 15px;
    font-size: 10px;
    z-index: 0;
    width: 700px;
    font-weight: bold;
}

#subnav, #subnav ul
{
    /* all lists */
    padding: 0;
    margin: 0;
    display: block;
    list-style: none;
}

#subnav li
{
   float: left;
   padding: 7px 12px 4px 10px;
   width: auto;
   background-image: url(/_img/gSubnavBtn.jpg);
   background-position: right top;
   margin: 0;
   background-color: #000000;
}

#subnav li.end
{
    padding: 0px;
    background-image: url(none);
}

#subnav li a
{
    width: auto;
    color: #F4F4F4;
    text-decoration: none;
}

#subnav a {
    color: #F4F4F4;
    text-decoration: none;
}

 #subnav li.sfhover,  #subnav li:hover, #subnav a:hover {
   background-position: right bottom;
	color:#FFFFFF;
}