a {
color: #CC6633;
}

#progressGraphic {float: left; margin-right: 10px;}
#progressGraphic img {float: left;}

div.photo {
float: left;
width: 270px;
text-align: center;
padding: 10px 0;
border: 3px double black;
margin: 0 25px 25px 0;
background: #e7e7e7;
min-height: 360px;
}

* html div.photo {
height: 360px;
}

div.photo.smallerPhoto {
min-height: 200px;
}

* html div.photo.smallerPhoto {
height: 200px;
}

div.withphoto {
width: 152px;
margin: 0 8px 8px 0;
float: right;
}

div.withphoto p {
clear: left;
}

p.address {
overflow: hidden;
}

* html p.address {
height: 1%; /*implement overflow: hidden and prevent address break */	
}

div.withphoto .caption {
font-size: .83em;
margin: 5px 0 5px 0;
}

div.photo.newrow {
clear: left;
}

blockquote {
font-weight: bold;
font-size: .95em;
margin: 0 40px 0 0;
padding: 0 20px 0 0;
background: 100% 100% url("/images/layout/rightquote.gif") no-repeat transparent;
}

blockquote p {
padding-left: 40px;
background: 15px 0 url("/images/layout/leftquote.gif") no-repeat transparent;
}

blockquote p+p {
background: none;
}

.btt, .btt a {
background: 0 50% url("/images/layout/btt.gif") no-repeat transparent;
}

.btt a {
padding-left: 15px;
font-size: smaller;
}

.callout {
font-size: larger;
font-weight: bold;
}

div.rightcol {
font-size: .93em;
float: right; 
width: 242px; 
margin-left: 20px;
}

.photo .caption {
font-size: .93em;
margin: 0; padding: 7px 0 0 0;
}

div.rightcol img {
width: 240px;
overflow: hidden;
}

div.rightcol .caption {
margin: 0; padding: 7px 0 0 0;
text-align: center;
}

hr {border: 0;
border-top: 1px solid #330000;
width: 75%;
color: #330000;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/}

img {border: 0;}

.cssform label {
float: left;
width: 10em;
}

.cssform p {clear: left;}

.highlight {
border: 1px dotted #300; padding: 10px;
}

td {
vertical-align: top; padding-right: 10px;
color: #330000; /*fix disappearing table content*/
}

ul.plain {
list-style-type: none;
margin: 0; padding: 0;
}

ul.plain li {
padding-bottom: 4px;
}

ul.plain ul {
padding-top: 4px;
}

/*for sitemap*/
ul.sitemap {
margin: 0; padding: 10px 0 5px 0;
color: #8E9C5B;
font-size: 1.25em;
list-style-type: none;
}


ul.sitemap ul {
margin: 0 0 5px 0;
padding: 0;
list-style-type: none;
font-size: .75em;
}

ul.sitemap ul ul {
margin: 5px 0 0 0;
padding-left: 35px;
font-size: 1em;
list-style-type: circle;
}

ul.sitemap li {
width: 12em;
float: left;
margin: 0 1.75em 14px 0; /*be careful with this right margin; in some cases IE PC will expand the defined-width container to accomodate it*/
padding: 0 0 1px 0; /*this 1px padding gives IE room for the bottom border*/
}

ul.sitemap li li {
margin: 0 0 3px 0;
float: none;
}

ul.sitemap li li li {
margin-bottom: 0;
}

ul.sitemap a {
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #C0CE8B;
color: #688149;
display: block;
margin-bottom: 8px;
}

ul.sitemap ul a {
font-weight: normal;
border: 0; display: inline;
color: #003366;
margin: 0;
}

ul.sitemap ul a:hover {
border-bottom: solid 1px;
}


body {
background: #00013A url("/images/layout/body_logoaccent.gif") no-repeat left top;
color: #FFFDF1;
font-family: Arial, Helvetica, sans-serif;
margin: 0; padding: 0;
font-size: 14px;
}

body#popup {
color: #330000;
background: #FFFDF1 none;
}

body#popup #content {
padding: 20px 15px;
margin: 0;
background: none;
border: 0;
}

#container {background: transparent url("/images/layout/globalnav_roundcorner.gif") no-repeat -999em 999em;}
/*html {background-image: url("/images/layout/sectionnav_bullet3.gif") no-repeat -999em 999em;}*/

#header {
position: absolute;
top: 0; left: 0;
z-index: 30;
}

#header p {width: 283px; height: 166px;}

#header p, p.tix, p.buytixnow {margin: 0; padding: 0;}
p.tix {position: absolute; top: 20px; right: 25px; width: 160px; height: 69px;}
p.buytixnow {position: absolute; top: 20px; right: 190px; width: 430px; height: 70px;}


#header img, #globalnav img {border: 0;}

#globalnav {
border-bottom: 1px solid #8E9C5B;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #C0CE8B;
position: absolute; top: 122px; right: 0; width: 100%;
min-width: 500px;
}

#globalnav a, #quicklinks a {
text-decoration: none;
color: #003366;
}


#globalnav ul {
list-style-type: none;
margin: 0 auto; padding: 0 0 0 235px;
background: #C0CE8B;
}

#globalnav #navlist {width: 590px;}

#globalnav ul a {
padding: 11px 0 8px 0;
display: block;
}

#globalnav li {
float: left;
width: 98px;
text-align: center;
position: relative;
z-index: 40; /*overlap header*/
background: #C0CE8B; /*for when page scrolls*/
}

#globalnav li ul {
position: absolute;
top: auto; left: 0;
font-size: .8em;
padding: 5px 0;
margin: 0;
background: url("/images/layout/globalnav_roundcorner.gif") center bottom no-repeat #C0CE8B;
}


#globalnav li li {
padding-top: 5px;
margin: 0;
border: 1px solid #CDBDA8;
border-top: 0; border-bottom: 0;
background: #C0CE8B;
}

html:not([dummy]) #globalnav li li {width: 96px;} /*avoid moz weirdness*/

#globalnav li li a {padding: 5px 0;}


/*for IE*/
* html #globalnav li li a {width: 100%;}

#globalnav li li a:hover {
background: #8E9C5B;
color: #FFFDF1;
}

#globalnav li ul {left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#globalnav li:hover ul, #globalnav li.sfhover ul {left: 0;}

#content img {border: 1px solid #000;}
#content li img {border: 0;}

.slideshow {float: left; width: 352px;}
.postslideshow {margin-left: 367px;}


p.corpList {float: left; margin-right: 25px;}
p.corpList a {padding-bottom: 23px; display: block; float: left;}
#content p.corpList a img {border: 0;}
p.corpList.text {padding-top: 10px;}

p.corpList.link {}

.slideshow p {
margin: 0; padding: 4px 0 0 0;
text-align: center;
}

.slideshow #captionbox {
font-size: .8em;
color: #000;
margin: 0;
padding: 5px 0 0 0;
}

h1 {
color: #3D5521;
margin: 0; padding: 0 0 15px 0;
font-size: 1.8em;
}

h2 {font-size: 1.55em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em; margin-bottom: 0; padding-bottom: 0;}

h4+p {
margin-top: 0; padding-top: 0;
}


.person {clear: left; overflow: hidden;}
* html .person {height: 1%;}
.person h2 {margin: 0; padding: 0;}
.person h3 {margin: 0; padding: 7px 0 0 0}
.person h2, .person h3, .person p, .person li {margin-left: 185px;}
.person img {float: left; margin: 3px 0 15px 0;}

.accessible {position: absolute; left: -999em; width: 20px;} /*display: none, but without freaking out Mac IE or hiding from screen readers*/
#footer {
color: #6B6B6B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
text-align: center;
padding: 0 5px 10px 5px;
}

#footer a:hover {text-decoration: underline;}

#footer p {margin: 0; padding: 0;}

#footer #quicklinks {
color: #000000;
padding: 4px 15px 5px 15px;
margin: -13px auto 5px auto;
width: 459px;
background: url("/images/layout/quicklinks_background.gif") 0% 50% #C0CE8B no-repeat;
font-size: 11px;
}

#footer #copyright {
background: url("/images/layout/footer_atomic.gif") no-repeat 0 0;
margin: 0 auto;
padding: 5px 15px 0 15px;
width: 23em;
font-size: 10px;
}

/*sectionnav code*/
#sectionnav {
background: url("/images/layout/sn_bottom.gif") no-repeat center bottom transparent;
padding: 16px 0 15px 0; /*padding-bottom: allow space for round bottom corners*/
width: 180px;
float: left;
font-size: .85em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

* html head+body #sectionnav {
padding-bottom: 11px; /*for mac*/
}

#sectionnav a {
color: #003366;
text-decoration: none;
display: block;
}

/*fixes bad alignment until moused over in IE*/
* html #sectionnav a {
width: 100%; 
}


#sectionnav h3 {
background: url("/images/layout/sn_top.gif") no-repeat center top transparent;
margin: 0 -2px; padding: 13px 15px 5px 15px;
color: #8E9C5B;
font-size: 1.2em;
position: relative;
}

#sectionnav h3 a {
border-bottom: 1px solid #C0CE8B;
border-bottom-style: dotted;
color: #688149;
}

#sectionnav ul {
border: 2px solid #CEBCA8;
border-top: 0; border-bottom: 0;
margin: 0;
padding: 0 12px 0 30px;
list-style-image: url("/images/layout/sectionnav_bullet.gif");
}

/*hide from ie mac\*/
* html #sectionnav ul {
height: 1%;
position: relative;
}
/*end hiding*/

#sectionnav li {
padding: 5px 0;
}

#sectionnav ul ul {
padding: 5px 0 0 20px;
margin: 0 0 -5px 0; /*because putting left-margin of 20px on this ul makes the bullets disappear in IE*/
border: 0;
}

#sectionnav ul ul li {
padding: 0 0 3px 0;
font-size: .84em;
}

#sectionnav a:hover {
font-weight: bold;
}

#sectionnav li.current, 
.about_miss #about_miss, .about_peo #about_peo, .about_cmp #about_cmp, .about_bod #about_bod, .about_ab #about_ab, .about_spa #about_spa, .about_hist #about_hist, .about_contact #about_contact,
.plays_fa #plays_fa, .plays_fablu #plays_fablu, .plays_ts #plays_ts, .plays_crew #plays_crew, .plays_cast #plays_cast, .plays_pw #plays_pw, .plays_now #plays_now, .supp_fund #supp_fund, .supp_donate #supp_donate, .supp_donors #supp_donors, .supp_wsw #supp_wsw,
.gi_aud #gi_aud, .gi_sub #gi_sub, .gi_ml #gi_ml, .gi_vol #gi_vol,
.tix_seas #tix_seas, .tix_group #tix_group
{
list-style-image: url("/images/layout/sectionnav_bullet2.gif");
}

#sectionnav li.current a,
.about_miss #about_miss a, .about_peo li#about_peo a.wc, .about_cmp #about_cmp a, .about_bod #about_bod a, .about_ab #about_ab a, .about_spa #about_spa a, .about_hist #about_hist a, .about_contact #about_contact a,
.plays_fa #plays_fa a.wc, .plays_fablu #plays_fablu a, .plays_ts #plays_ts a.wc, .plays_crew #plays_crew a, .plays_cast #plays_cast a, .plays_pw #plays_pw a, .plays_now #plays_now a.wc, .plays_past #plays_past a,
.supp_fund #supp_fund a, .supp_donate #supp_donate a.wc, .supp_donors #supp_donors a, .supp_wsw #supp_wsw a,
.gi_aud #gi_aud a, .gi_sub #gi_sub a, .gi_ml #gi_ml a, .gi_vol #gi_vol a,
.tix_seas #tix_seas a, .tix_group #tix_group a
{
color: #3D5521;
font-weight: bold;
}


/*layout*/

#footer {
position: relative;
}

#content {
color: #330000;
background: #FFFDF1 url("/images/layout/body_logoaccent.gif") no-repeat 0px -105px;
border-bottom: 2px solid #CC6633;
margin-top: 105px;
padding: 70px 15px 8px 32px;
min-height: 300px;
}

/*hide from IE mac; IE PC: enclose floated elements\*/
* html body {padding-top: 105px;}
*+html body {padding-top: 105px;}
* html #content {height: 300px;} 
/*serves as min-height and encloses floated content.

end IE mac hiding*/

.front .slideshow, .front .postslideshow {
padding-bottom: 25px;
}

* html head+body #content {display: inline-table;}
/*IE mac: enclose floated elements*/
#content:after {
content: "."; display: block; visibility: hidden; clear: both; height: 0;
} /*good browsers: enclose all floated elements*/

#main {
float: right; 
width: 100%; 
margin: 15px 0 15px -200px;
}

#main-inner {
margin: 0 270px 0 200px; 
}

.about_bod #main-inner, .about_ab #main-inner, .about_cmp #main-inner, .sitemap #main-inner, .news #main-inner, .plays_cast #main-inner, .plays_fa #main-inner, .plays_pw #main-inner, .plays_fagall #main-inner, .plays_crew #main-inner { /*for pages without right pictures*/
margin-right: 0;
}

p.noborder a img{border: 0;}
/*end layout*/