/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */
/* ------------------------ NAV MAIN ------------------------ */
#nav-main { 
	background:url("../images/nav-main2.jpg") no-repeat; 
	width:980px; 
	height:24px; 
	margin:9px 0px 34px 0px;
	padding:0; 
	}

#nav-main span { color: #959595; }

#nav-main li { 
	height:24px; 
	display:block; 
	float:left; 
	list-style:none; 
	_display:inline; 
	position:relative; 
	margin-left: 1px; 
	z-index: 9990;
	} 
	
#nav-main a { 
	height:17px; 
	display:block; 
	text-align: center; 
	text-transform: uppercase; 
	color: #ffffff; 
	font-size: 12px; 
	/*font-weight: bold; */
	text-decoration: none;
	padding: 4px 0px 3px 0px;
	*padding: 5px 0px 2px 0px;
	_padding: 4px 0px 3px 0px;
	} 
#nav-main li.dd-on a { color: #da1e48; background-color: #d0d3d2;}


#nav-main li#nav-main-01 { width: 69px; margin-left: 0px;}
#nav-main-02 { width: 74px;}
#nav-main-03 { width: 138px;}
#nav-main-04 { width: 136px;}
#nav-main-05 { width: 102px;}
#nav-main-06 { width: 90px;}
#nav-main-07 { width: 159px;}
#nav-main-08 { width: 118px;}
#nav-main-09 { width: 86px;}

/*-------------- HOVER STATES ------------- 
#nav-main-01 a .hover { background:url("../images/nav-main.jpg")  -0px -26px no-repeat; width: 69px;}
#nav-main-02.dd-on,
#nav-main-02 a .hover { background:url("../images/nav-main.jpg") -70px -26px no-repeat; width: 74px;}
#nav-main-03.dd-on,
#nav-main-03 a .hover { background:url("../images/nav-main.jpg") -145px -26px no-repeat; width: 138px;}
#nav-main-04 a .hover { background:url("../images/nav-main.jpg") -284px -26px no-repeat; width: 136px;}
#nav-main-05.dd-on,
#nav-main-05 a .hover { background:url("../images/nav-main.jpg") -421px -26px no-repeat; width: 102px;}
#nav-main-06 a .hover { background:url("../images/nav-main.jpg") -524px -26px no-repeat; width: 90px;}
#nav-main-07 a .hover { background:url("../images/nav-main.jpg") -615px -26px no-repeat; width: 159px;}
#nav-main-08.dd-on,
#nav-main-08 a .hover { background:url("../images/nav-main.jpg") -775px -26px no-repeat; width: 118px;}
#nav-main-09 a .hover { background:url("../images/nav-main.jpg") -894px -26px no-repeat; width: 86px;}
*/
/*-------------- ACTIVE STATES ------------- */
body#home #nav-main-01 a, 
body.about #nav-main-02 a, 
body.shows-tickets #nav-main-03 a,
body.plan-your-visit #nav-main-04 a,
body.education #nav-main-05 a,
body.support #nav-main-06 a,
body.new-play #nav-main-07 a,
body.news-press #nav-main-08 a,
body#sitemap #nav-main-09 a { background-color: #000;  color: #da1e48; }


/*-------------- ACTIVATE LEVEL MENUS 2 ------------- */
body.about #nav-main #nav-main-02 ul,
body.shows-tickets #nav-main #nav-main-03 ul,
body.plan-your-visit #nav-main #nav-main-04 ul,
body.education #nav-main #nav-main-05 ul,
body.support #nav-main #nav-main-06 ul,
body.new-play #nav-main #nav-main-07 ul,
body.news-press #nav-main #nav-main-08 ul {visibility: visible; }

/* Keeps 3rd Level dropdowns from showing when 2nd level nav is active */
body.about #nav-main #nav-main-02 ul ul {visibility: hidden;}
body.shows-tickets #nav-main #nav-main-03 ul ul {visibility: hidden;}
body.plan-your-visit #nav-main #nav-main-04 ul ul {visibility: hidden;}
body.education #nav-main #nav-main-05 ul ul {visibility: hidden;}
body.support #nav-main #nav-main-06 ul ul {visibility: hidden;}
body.new-play #nav-main #nav-main-07 ul ul {visibility: hidden;}
body.news-press #nav-main #nav-main-08 ul ul {visibility: hidden;}

/* 	LEVEL TWO */
#nav-main ul { 
	width: 980px; 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0;
	height: 23px;
	padding-bottom: 13px;
	font-size: 11px;
	text-transform: uppercase;
	background: url(../images/nav-sub.jpg) top repeat-x;
	z-index: 9999; 
 }
#nav-main ul.nav-sub li {margin-left: 0px; position: relative; z-index: 9999; padding: 0px; height: 23px; } 

#nav-main ul.nav-sub li a {
	display: block;
	padding: 4px 9px 4px 9px;
	_display: inline;
	text-decoration: none;
	color: #515151;
	height: 17px;
	width: auto;
	font-weight: normal;
	font-size: 11px;
	background-color: #e7e9e8;
}

#nav-main ul.nav-sub li.dd-on ,
#nav-main ul.nav-sub li:hover {
	position: relative;
}


#nav-main ul.nav-sub li.dd-on a,
#nav-main ul.nav-sub li a:hover {
	color: #da1e48;
	background-color: #d9dcdb;
}

/* Positions the nav-sub ul to the left */
li#nav-main-02 ul {margin-left: -70px;}				
li#nav-main-03 ul {margin-left: -145px;}	
li#nav-main-04 ul {margin-left: -284px;}				
li#nav-main-05 ul {margin-left: -421px;}		
li#nav-main-06 ul {margin-left: -524px;}				
li#nav-main-07 ul {margin-left: -615px;}				
li#nav-main-08 ul {margin-left: -775px;}	

/* Special Cases last list in About so it wont run off page */
ul#nav-main ul li#contact ul {
	margin-left: -30px;
	}
/* Special Cases width of eduation-programs list */
#nav-main li#nav-main-05 ul.nav-sub li ul,
#nav-main li#nav-main-05 ul.nav-sub li ul li{
	width: 218px;
}
#nav-main li#nav-main-02 ul.nav-sub li ul,
#nav-main li#nav-main-02 ul.nav-sub li ul li {width: 150px;}

#nav-main li#nav-main-07 ul.nav-sub li ul,
#nav-main li#nav-main-07 ul.nav-sub li ul li {width: 200px;}


/* right aligns News & Press secondary navigation */			
#nav-main li#nav-main-08 ul.nav-sub li  {float: right;}
#nav-main li#nav-main-08 ul.nav-sub li ul,
#nav-main li#nav-main-08 ul.nav-sub li ul li {width: 180px; text-align: left;}

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; } 

/* LEVEL THREE */

#nav-main ul.nav-sub li ul {
	position: absolute; 
	left: 0px; 
	top: 25px;
	z-index: 9999; 
	padding-bottom: 0px;
	width: 180px;
	height: auto;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	}
	
/* removes negative margins on applied to 2nd level navigation*/
#nav-main li ul ul {margin-left: 0px;}

#nav-main ul.nav-sub ul li {
	height: 25px;
	background-color: #E7E9E8;
	float: none;
	_display: block;
	text-align: left;
	text-transform:none;
	border-top: 1px solid #ffffff;
	float: none;
}
#nav-main ul.nav-sub ul li a {
	padding: 5px 10px 0px 10px;
	height: 20px;
	background-color: #E7E9E8;
	float: none;
	_display: block;
	text-align: left;
	text-transform:none;
	}
#nav-main ul.nav-sub li.dd-on li a:link,
#nav-main ul.nav-sub li.dd-on li a:visited {color:#515151; background-color: #E7E9E8;}

#nav-main ul.nav-sub li.dd-on li a:hover,
#nav-main ul.nav-sub li.dd-on li a:active  {color: #da1e48; background-color: #d9dcdb;}
li.dropdown li:hover {width: auto;}

li.dropdown li:hover > ul {visibility: visible;}

/* ------------------------ PAGE NAV ------------------------ */
#page-nav {
	display:block;
	padding: 3px 0px 3px 13px;
	margin: 2px 0px 5px 0px;
	text-transform: uppercase;
	height: 12px;
}
#education-programs #page-nav {height: 27px;}
#history #page-nav a {text-transform: lowercase;}
#page-nav.border {border-top: 1px solid #D0D3D2;} 

#page-nav span { 
	color: #7583bf;
	font-weight: bold;
	margin: 0px 6px 0px 0px;
	display: block;
	float: left;
	}
#page-nav a {
	padding: 0px 5px 0px 6px;
	white-space:nowrap;
	float: left;
	}
#page-nav a:link, #page-nav a:visited{ color: #515151;}
#page-nav a.current:link, #page-nav a.current:visited{ color: #da1e48;}
#page-nav a:hover, #page-nav a:active{ color: #000000;}