ul#mainnav { z-index:999;}
ul#mainnav li { z-index:999; }
ul#mainnav li a { color:#000; font:normal 0.69em/140% Arial,sans-serif; z-index:999; }
ul#mainnav li a:hover { color:#000 !important; }
ul#mainnav li a.strong { font-weight:bold; }
ul#mainnav li a.call2action { color:#a71930; }
ul#mainnav li a.call2action:hover { color:#a71930 !important; }

ul.porsche { background-color:#000 !important; }
	li.porsche, .sf-menu li.sfHover li.porsche { background-color:#000 !important; color:#fff !important; font:bold 11px/140% Arial,sans-serif; width:474px !important; height:264px !important; }
	li.porsche div.play-desc { float:left; width:176px; height:264px; }
		li.porsche div.play-desc p { font:bold 11px/150% Arial,sans-serif; }
		li.porsche div.play-desc p.timeplace { margin:10px 0 15px 15px; }
		li.porsche div.play-desc p.byline { margin:0 0 25px 15px; line-height:140%; }
		li.porsche div.play-desc p.links { margin:0 0 0 15px; }
		li.porsche div.play-desc a { border:none !important; color:#fff !important; display:inline; font:bold 11px/180% Arial,sans-serif !important; padding:0 !important; text-decoration:underline !important; }

		li.porsche div.play-desc h3 { color:#eade29; font:bold 30px/90% Arial,sans-serif; margin:0 0 3px 15px; text-transform:uppercase; }
	li.porsche div.play-img { float:right; width:298px; height:264px; }
	li.porsche img { display:block; margin:10px; }

.sf-menu a, a.first { border-bottom:1px solid #fff !important; cursor:hand; padding:5px 0 5px 10px; text-decoration:none; }
.sf-menu li.last a { border-bottom:0 !important; }
.sf-menu a, .sf-menu a:visited { color:#333; }
.sf-menu li { background-color:#e7e7e8; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {	background-color:#f7f8f8; background-color:#fff !important; outline:0; }

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			130px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			131px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			131px; /* match ul width */
	top:			0;
}

/* VERTICAL */
.sf-vertical, .sf-vertical li {
	width:	130px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	131px; /* match ul width */
	top:	0;
}

.sf-vertical li:hover ul#tickets, .sf-vertical li.sfHover ul#tickets { top:-26px; }
.sf-vertical li:hover ul#newseason, .sf-vertical li.sfHover ul#newseason { top:-53px; }
	.sf-vertical li:hover ul#playbill, .sf-vertical li.sfHover ul#playbill { top:-26px; }
	.sf-vertical li:hover ul#playbill ul, .sf-vertical li.sfHover ul#playbill ul { left:129px; top:-3px; }
	.sf-vertical li:hover ul#playbill ul.porsche, .sf-vertical li.sfHover ul#playbill ul.porsche { left:130px; }
	.sf-vertical li:hover ul#playbill ul#an-ideal-husband, .sf-vertical li.sfHover ul#playbill ul#an-ideal-husband { top:0px; }
	.sf-vertical li:hover ul#playbill ul#the-women, .sf-vertical li.sfHover ul#playbill ul#the-women { top:-27px; }
	.sf-vertical li:hover ul#playbill ul#the-doctors-dilemma, .sf-vertical li.sfHover ul#playbill ul#the-doctors-dilemma { top:-53px; }
	.sf-vertical li:hover ul#playbill ul#the-cherry-orchard, .sf-vertical li.sfHover ul#playbill ul#the-cherry-orchard { top:-80px; }
	.sf-vertical li:hover ul#playbill ul#john-bulls-other-island, .sf-vertical li.sfHover ul#playbill ul#john-bulls-other-island { top:-106px; }
	.sf-vertical li:hover ul#playbill ul#age-of-arousal, .sf-vertical li.sfHover ul#playbill ul#age-of-arousal { top:-132px; }
	.sf-vertical li:hover ul#playbill ul#harvey, .sf-vertical li.sfHover ul#playbill ul#harvey { top:-159px; }
	.sf-vertical li:hover ul#playbill ul#one-touch-of-venus, .sf-vertical li.sfHover ul#playbill ul#one-touch-of-venus { top:-185px; }
	.sf-vertical li:hover ul#playbill ul#half-an-hour, .sf-vertical li.sfHover ul#playbill ul#half-an-hour { top:-212px; }
	.sf-vertical li:hover ul#playbill ul#serious-money, .sf-vertical li.sfHover ul#playbill ul#serious-money { top:-238px; }
	.sf-vertical li:hover ul#shaw-enriched, .sf-vertical li.sfHover ul#shaw-enriched { top:-52px; }
.sf-vertical li:hover ul#shawfestcal, .sf-vertical li.sfHover ul#shawfestcal { top:-79px; }
.sf-vertical li:hover ul#about-shaw, .sf-vertical li.sfHover ul#about-shaw { top:-94px; }
	.sf-vertical li:hover ul#ensemble, .sf-vertical li.sfHover ul#ensemble { top:-53px; }
.sf-vertical li:hover ul#plan-visit, .sf-vertical li.sfHover ul#plan-visit { top:-53px; }
.sf-vertical li:hover ul#support-shaw, .sf-vertical li.sfHover ul#support-shaw { top:-53px; }
.sf-vertical li:hover ul#tour-groups, .sf-vertical li.sfHover ul#tour-groups { top:-53px; }
.sf-vertical li:hover ul#educational, .sf-vertical li.sfHover ul#educational { top:-53px; }
.sf-vertical li:hover ul#shaw-shop, .sf-vertical li.sfHover ul#shaw-shop { top:-79px; }
.sf-vertical li:hover ul#news-room, .sf-vertical li.sfHover ul#news-room { top:-53px; }
.sf-vertical li:hover ul#brochures, .sf-vertical li.sfHover ul#brochures { top:-53px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.sf-vertical li:hover ul#playbill ul#the-women, .sf-vertical li.sfHover ul#playbill ul#the-women { top:-26px; }
	.sf-vertical li:hover ul#playbill ul#the-doctors-dilemma, .sf-vertical li.sfHover ul#playbill ul#the-doctors-dilemma { top:-52px; }
	.sf-vertical li:hover ul#playbill ul#the-cherry-orchard, .sf-vertical li.sfHover ul#playbill ul#the-cherry-orchard { top:-78px; }
	.sf-vertical li:hover ul#playbill ul#john-bulls-other-island, .sf-vertical li.sfHover ul#playbill ul#john-bulls-other-island { top:-104px; }
	.sf-vertical li:hover ul#playbill ul#age-of-arousal, .sf-vertical li.sfHover ul#playbill ul#age-of-arousal { top:-130px; }
	.sf-vertical li:hover ul#playbill ul#harvey, .sf-vertical li.sfHover ul#playbill ul#harvey { top:-156px; }
	.sf-vertical li:hover ul#playbill ul#one-touch-of-venus, .sf-vertical li.sfHover ul#playbill ul#one-touch-of-venus { top:-182px; }
	.sf-vertical li:hover ul#playbill ul#half-an-hour, .sf-vertical li.sfHover ul#playbill ul#half-an-hour { top:-208px; }
	.sf-vertical li:hover ul#playbill ul#serious-money, .sf-vertical li.sfHover ul#playbill ul#serious-money { top:-234px; }
.sf-vertical li:hover ul#newseason, .sf-vertical li.sfHover ul#newseason { top:-52px; }
.sf-vertical li:hover ul#shawfestcal, .sf-vertical li.sfHover ul#shawfestcal { top:-78px; }
.sf-vertical li:hover ul#about-shaw, .sf-vertical li.sfHover ul#about-shaw { top:-104px; }
	.sf-vertical li:hover ul#ensemble, .sf-vertical li.sfHover ul#ensemble { top:-52px; }
.sf-vertical li:hover ul#plan-visit, .sf-vertical li.sfHover ul#plan-visit { top:-52px; }
.sf-vertical li:hover ul#plan-visit, .sf-vertical li.sfHover ul#support-shaw { top:-52px; }
.sf-vertical li:hover ul#tour-groups, .sf-vertical li.sfHover ul#tour-groups { top:-52px; }
.sf-vertical li:hover ul#educational, .sf-vertical li.sfHover ul#educational { top:-52px; }
.sf-vertical li:hover ul#shaw-shop, .sf-vertical li.sfHover ul#shaw-shop { top:-78px; }
.sf-vertical li:hover ul#news-room, .sf-vertical li.sfHover ul#news-room { top:-52px; }
.sf-vertical li:hover ul#brochures, .sf-vertical li.sfHover ul#brochures { top:-52px; }
}
	
a#donate-btn { background-color:#6a7029; width:130px !important; }


/* Stay connected updates - 2010 04 26 */

#stayConnected {
	clear:both;
	padding-top:10px;
	margin-bottom:25px;	
	padding-left:10px;
	zoom:1;
}

#stayConnected a {
	display:block;
	margin-right:5px;
	font-size:0.69em;
}

.icStayConnected {
	float:left;
}

#stayConnected img {
	display:block;
}

#stayConnectedMore {
	margin-top:5px;
	text-decoration:none;
	margin-right:0px;
}