body {
/* -moz-opacity: .999; //to defeat firefox redraw problem with fade effect // screws up lightbox, so commented out SH */
}

/* link styles */
.nav a,
.nav a:link,
.nav a:active,
.nav a:visited
{
	text-decoration: none;
	display: block;
	padding: 0;
	text-indent: 8px;
	color: #544843;
	font-size: 14px;
	line-height: 34px;
	font-weight: bold;
	background-color: #ECEAD6;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
	width: auto;
  	margin: 0 0 0 0;
  	height: 34px;
}
.nav a:hover 
{	
	background-color: #333;	
	color: #FFF; 
}
	.nav li.last a { width: auto; margin: 0 0 0 0; }

/* set the background color and font color for the topmost item in the main nav with each section */	
/* home page has all top items colored */
.section-about li#about a, 
.section-home li#about a { background-color: #7D0049; color: #EEB211; }	
.section-programs li#programs a,
.section-home li#programs a { background-color: #EEB211; color: #7D0049; }	
.section-media li#media a,
.section-home li#media a { background-color: #D1D923; color: #7D0049; }	
.section-news li#news a,
.section-home li#news a { background-color: #6E8778; color: #D1D923; }	
.section-ticketing li#ticketing a,
.section-home li#ticketing a { background-color: #9DC9BA; color: #7D0049; }	
.section-support li#support a,
.section-home li#support a { background-color: #00A8CB; color: #ffc323; } /* spec: #EEB211 */

.nav li#about.sfHover a { color: #fff; }
.nav li.about a:hover, .nav li#about.sfHover a, .nav li.about li { background-color: #7D0049; }
.nav li.about a:hover, .nav li#about.sfHover a:hover { color: #EEB211; }
.nav li.about li a { border-top: 1px dashed #fff; color: #fff; }

.nav li#programs.sfHover a { color: #544843; }
.nav li.programs a:hover, .nav li#programs.sfHover a, .nav li.programs li { background-color: #EEB211; }
.nav li.programs a:hover, .nav li#programs.sfHover a:hover { color: #7D0049; }
.nav li.programs li a { border-top: 1px dashed #544843; color: #544843; }

.nav li#media.sfHover a { color: #544843; }
.nav li.media a:hover, .nav li#media.sfHover a, .nav li.media li { background-color: #D1D923; }
.nav li.media a:hover, .nav li#media.sfHover a:hover { color: #7D0049; }
.nav li.media li a { border-top: 1px dashed #544843; color: #544843; }

.nav li#news.sfHover a { color: #fff; }
.nav li.news a:hover, .nav li#news.sfHover a, .nav li.news li { background-color: #6E8778; }
.nav li.news a:hover, .nav li#news.sfHover a:hover { color: #D1D923; }
.nav li.news li a { border-top: 1px dashed #fff; color: #fff; }

.nav li#ticketing.sfHover a { color: #544843; }
.nav li.ticketing li, .nav li#ticketing a:hover, .nav li.ticketing.sfHover a, .nav li.ticketing li a { background-color: #9DC9BA; }
.nav li.ticketing a:hover, .nav li#ticketing.sfHover a:hover { color: #7D0049; }
/* sinse ticketing currently has no sub-items we are adding: */
.nav li.ticketing a:hover { width: 159px;	margin: 0 1px 0 0; border-width: 0 2px 2px 0; border-style: solid; border-color: #575757; }
.nav li.ticketing li a { border-top: 1px dashed #fff; color: #544843; }

.nav li#support.sfHover a { color: #fff; }
.nav li.support a:hover, .nav li#support.sfHover a, .nav li.support li { background-color: #00A8CB; }
.nav li.support a:hover, .nav li#support.sfHover a:hover { color: #ffc323; } /* spec: #EEB211 */
.nav li.support li a { border-top: 1px dashed #fff; color: #fff; }


.nav .subnav a, .nav .subnav a:link, .nav .subnav a:active, .nav .subnav a:visited 
{
  /* style for links on pop-up menus */
  	text-decoration: none;
	display: block;
	padding: 6px 0px 6px 0px;
  	margin: auto;
	text-indent: 0px;
	color: #544843;
	font-size: 12px;
	line-height: 1.4em;
	width: 133px;
	font-weight: bold;
	background-color: transparent;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
  	height: auto;
}

.nav .subnav a:hover 
{	
	background-color: #333;	
	color: #FFF; 
}
	.nav li.last .subnav a { width: 140px; margin: 0 12px 0 12px; }
	

.nav .subnav li {
  /* IE filter extension */
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=94);
  width:100%;                /* Required for IE filter */
  -moz-opacity: 0.94;         /* Mozilla extension */
  -khtml-opacity:0.94;        /* Konqueror extension (Safari 1.1)*/
  opacity: 0.94;              /* the correct CSS3 syntax */
}

/* target the first a tag in the first li of the drop-down menu - no effect in IE6, but we'll live with that */
.nav .subnav li:first-child a {
	border-width: 0;
}

    .nav li.sfHover a { width: auto; }
    .nav li.sfHover li a { width: 132px; border-width: 1px 0 0 0; }
    .nav li#support.sfHover a { width: 162px; border-width: 0; }
    .nav li#support.sfHover li a { width: 138px; border-width: 1px 0 0 0; }
    .nav li#support.sfHover li:first-child a { border-width: 0; }

.nav li li li a {
	/* style for second level menu links */
}

/* main nav bar */
.nav {
	margin: 0;
	padding: 0;
	line-height: 1;
	position: absolute;
	top: 3px;
	left: 0px;
}

/* all list items */
.nav  li {
	width: 159px;
  	margin: 0 3px 0 0;
	padding:0 !important;
	list-style: none; /* remove bullets */
	float: left; /* place buttons side by side */
  	position: relative;
  	z-index: 99;
}
	
	.nav li.last {
		width: 164px;
		margin: 0;
		}

.nav li.sfHover {		
	width: 159px;
  	margin: 0 1px 0 0;
	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: #575757/* #3b3b3b */;
}
/* about-dropdown needs a slightly darker drop-shadow border */
.nav li#about.sfHover {	
	border-color: #3b3b3b;
}
/* these next few lines give a faintly lighter left hand border to the drop-down menus which show against same-color bkgrds */
.nav li#programs.sfHover {	margin-left: -1px; border-width: 0 2px 2px 1px; border-color: #fff #575757 #575757 #ffd667; }
.nav li#media.sfHover {	margin-left: -1px; border-width: 0 2px 2px 1px; border-color: #fff #575757 #575757 #e6eb41; }
.nav li#news.sfHover {	margin-left: -1px; border-width: 0 2px 2px 1px; border-color: #fff #575757 #575757 #82978a; }
.nav li#support.sfHover {	margin-left: -1px; border-width: 0 2px 2px 1px; border-color: #fff #575757 #575757 #1ebbdb; }
	
	.nav li#support.sfHover { /* last item has a different width to fill up the line */
		width: 162px;
		margin: 0 0 0 -1px;
		}

/* pop-up subnav */
.nav ul {
	margin: 0;
	padding: 0;
  	left: 0;
	display: none;
}


/* list items in pop-up subnav */
.nav ul li {
	float: none; /* so links line up one above the other for drop-downs */
	width: auto;
  	margin: 0 0px 0 0;
  	text-indent: 0px;
}

.nav li.sfHover li {		
	width: 159px;
  	margin: 0 0px 0 0;
	border-width: 0;
	border-style: solid;
	border-color: #3b3b3b;
}
    .nav li#support.sfHover li {		
    	width: 162px;
    }

/*3rd level menu position*/
.nav ul ul {
	position: absolute;
  	left: 10.8em; /* change when you change width of links */
  	top: -1px;
  	z-index: 99;
  	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.nav ul ul li {
	z-index: 100;
}



/* look for buttons that have menus */
.nav .sub {
	background-image: none/* url(../superfish/images/arrow_down.png) */;
  	background-repeat:no-repeat;
  	background-position: 2px 3px;
}

.nav .subsub {
	background-image: none/* url(../superfish/images/arrow_left.png) */;
  	background-repeat: no-repeat;
  	background-position: 4px 7px;
}