body {
 margin: 10px auto 20px auto;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 background-color: #dcd152;
}

a:link {
 color: #dcd152;
 text-decoration: underline;
}

a:visited {
 color: #ab9981;
}

a:hover {
 color: #fff;
}

#leftcol-show a {
 color: #dcd152;
 text-decoration: none;
}

#leftcol-show a:visited {
 color: #ab9981;
 text-decoration: none;
}

#leftcol-show a:hover {
 color: #fff;
 text-decoration: none;
}

/* ---------- layout ---------- */

#pagewrapper {
 margin: 0 auto;
 text-align: center;
 color: #000;
 width: 800px;
 background: #514348 url(images/bg-content.gif) repeat-y;
 z-index: -10;
}

#header {
 width: 800px;
 height: 108px;
 background: #334083 url(images/bg-top.gif) top no-repeat;
 z-index: 0;
}

#navbar {
 clear: both;
 margin: 0 auto;
 padding: 0;
 width: 800px;
 height: 27px;
 background-color: #903c22;
 z-index: 0;
}

#contentwrapper {
 margin: 0;
 padding: 0 10px;
 text-align: left;
}

#leftcol,
#leftcol-show {
 float: left;
 text-align: left;
 width: 181px;
}

#main {
 margin-left: 216px;
 padding: 21px 0 42px 0;
 text-align: left;
 width: 506px;
}

#main.wide {
 margin-left: 216px;
 padding: 21px 0 42px 0;
 text-align: left;
 width: 553px;
}

#footer {
 width: 800px;
 height: 45px;
 background: #514348 url(images/bg-bottom.gif) bottom no-repeat;
 z-index: 0;
 clear: both;
}

/* ---------- hidden ---------- */

#skipnav,
#printheader {
 display: none;
}

/* ---------- positioning ---------- */

#footer p {
 margin-top: 0;
}

.center {
 text-align: center;
}

img.logo {
 float: left;
 position: relative;
 margin: 20px 20px 0 12px;
}

img.contactinfo {
 float: left;
 position: relative;
 margin: 23px 40px 0 0;
}

img.tagline {
 clear: both;
 float: left;
 position: relative;
 padding-top: 3px;
 margin-left: 12px;
}

form {
 display: inline;
 position: relative;
 margin: 0;
}

form#donatebutton {
 float: right;
 margin-top: 20px;
 border: 0;
}

#formwrapper {
 float: left;
 position: relative;
 text-align: left;
 height: 60px;
 width: 190px;
 margin-top: 22px;
}

#emailform {
 clear: both;
 float: left;
 position: relative;
 padding-left: 43px;
 width: 140px;
 background: #334083 url(images/email.gif) left top no-repeat;
}

img.float-l {
 float: left;
 margin-right: 8px;
}

/* ---------- typography ---------- */

p,
td {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 line-height: 16px;
 color: #fff;
}

p.caption {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 line-height: 20px;
 color: #dcd152;
 margin-top: 6px;
 margin-bottom: 6px;
}

#leftcol p.caption {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 line-height: 20px;
 color: #dcd152;
 margin: 13px 0 13px 10px;
}

p.credit,
span.credit {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #979377;
}

h1 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 16px;
 color: #dcd152;
 font-weight: bold;
 font-style: italic;
 letter-spacing: 1px;
 margin-top: 0;
 margin-bottom: 21px;
}

h1+p.first {
 margin: -18px 0 40px 30px;
}

h2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #fff;
 font-weight: bold;
 text-transform: uppercase;
 letter-spacing: 2px;
 margin-top: 28px;
 margin-bottom: 8px;
}

h3 {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 14px;
 color: #ffffcc;
 font-weight: bold;
 font-style: italic;
 letter-spacing: 1px;
 margin-top: 21px;
 margin-bottom: 3px;
}

h3+p.first {
 margin-top: 6px;
}

h3+p.tagline {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #ffffcc;
 margin: 0;
 margin-bottom: -6px;
}

h4 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #dcd152;
 margin-top: 28px;
 margin-bottom: 3px;
}

h4+p {
 margin-top: 0;
}

.opener {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 12px;
 color: #ffffcc;
 font-weight: normal;
 font-style: italic;
 letter-spacing: 2px;
 line-height: 20px;
 margin-bottom: 28px;
}

.maintext {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #fff;
}

ul.maintext {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 line-height: 16px;
 margin-top: 20px;
}

ul.maintext li {
 list-style-type: square;
 margin: 0;
 padding-bottom: 15px;
}

span.feature {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #dcd152;
}

/* ---------- current season ---------- */

div.showbox {
 background: transparent url(images/shows/bg-show-top.gif) no-repeat center top;
 width: 552px !important;
 margin: 20px auto;
 padding-top: 20px;
}

div.showbox-body {
 background: transparent url(images/shows/bg-show.gif) bottom;
 padding: 0 18px 20px 20px;
}

div.showbox p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 line-height: 10pt;
 color: #000;
 margin: 3px 0 4px 0;
}

div.showbox p.bugline {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 line-height: 10pt;
 font-weight: bold;
 text-transform: uppercase;
 margin: 0 0 7px 0;
}

div.showbox p.tagline {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 9pt;
 font-weight: bold;
 font-style: italic;
 letter-spacing: 1px;
 margin: 0;
 padding-bottom: 0;
}

div.showbox h2.title {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 14pt;
 font-style: italic;
 letter-spacing: 0;
 text-transform: none;
 margin: 0;
}

div.showbox h3.writer {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 70%;
 font-weight: bold;
 font-style: normal;
 letter-spacing: 1px;
 margin: 0;
 padding-top: 3px;
}

div.showbox h4.date {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 line-height: 10pt;
 color: #000;
 margin: 0;
 padding: 10px 0 7px;
}

div.showbox .mustard,
.mustard {
 color: #dcd152;
}

div.showbox .green,
.green {
 color: #006633;
}

div.showbox .rust,
.rust {
 color: #903c22;
}

div.showbox .brown,
.brown {
 color: #514348;
}

div.showbox .blue,
.blue {
 color: #334083;
}

div.showbox .bblue,
.bblue {
 color: #0033cc;
}

div.showbox .turq,
.turq {
 color: #006666;
}

div.showbox a {
 color: #514348;
 text-decoration: underline;
}

div.showbox-body img {
 float: left;
 margin-right: 8px;
 position: relative;
}

/* ---------- past seasons ---------- */

div.showrapper {
 margin: 0 0 20px 0;
}

img.past-l {
 float: left;
 margin: 0 16px 15px 0;
 border: 3px solid #979377;
}

img.past-r {
 float: right;
 margin: 0 0 15px 13px;
 border: 3px solid #979377;
}

div.floatleft {
 float: left;
 margin: 0 15px 0 0;
 width: 200px;
 background-color: transparent;
}

div.floatright {
 float: right;
 margin: 0 0 0 13px;
 width: 200px;
 background-color: transparent;
}

div.floatleft p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 line-height: 20px;
 color: #dcd152;
 margin: 3px 0 0 0;
 text-align: left;
}

div.floatright p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 line-height: 20px;
 color: #dcd152;
 margin: 3px 0 0 0;
 text-align: right;
}

div.floatleft img,
div.floatright img {
 border: 3px solid #979377;
}

ul.subnav {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 line-height: 28px;
 text-transform: uppercase;
 font-weight: bold;
 margin-top: 20px;
}

ul.subnav li {
 list-style-type: none;
 margin: 0;
 padding-left: 5px;
}

/* ---------- spacers ---------- */

.mt18 {
 margin-top: 18px;
}

.mt28 {
 margin-top: 28px;
}

.mb20 {
 margin-bottom: 20px;
}

.mb0 {
 margin-bottom: 0;
} 

.mt100 {
 margin-top: 100px;
}

div.spacer {
 margin: 150px 0;
}


/* ---------- etc ---------- */

a img {
 border: 0;
 margin: 0;
}

.clear-l {
 clear: left;
}

.clear-r {
 clear: right;
}

.clear-b {
 clear: both;
}

/* ---------- navbar menu ---------- */

#navbar ul#menu {
 position: relative;
 float: left;
 width: 800px;
 height: 27px;
 margin: 0;
 z-index: 5;
}

#navbar ul#menu li {
 list-style: none;
 position: absolute;
}

#navbar ul#menu li,
#navbar ul#menu a {
 height: 27px;
 display: block;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #fff;
}

#navbar ul#menu li a {
 text-indent: -9999px;
 text-decoration: none;
}

.home {
 left: 0px;
 width: 63px;
}

.about {
 left: 64px;
 width: 96px;
}

.season {
 left: 161px;
 width: 112px;
}

.tickets {
 left: 274px;
 width: 137px;
}

.conservatory {
 left: 412px;
 width: 104px;
}

.support {
 left: 517px;
 width: 93px;
}

.news {
 left: 611px;
 width: 59px;
}

.pastshows {
 left: 671px;
 width: 128px;
}

.home a:hover {
 background: transparent url(images/navbar.gif) no-repeat 0 -27px;
}

.about a:hover {
 background: transparent url(images/navbar.gif) no-repeat -64px -27px;
}

.season a:hover {
 background: transparent url(images/navbar.gif) no-repeat -161px -27px;
}

.tickets a:hover {
 background: transparent url(images/navbar.gif) no-repeat -274px -27px;
}

.conservatory a:hover {
 background: transparent url(images/navbar.gif) no-repeat -412px -27px;
}

.support a:hover {
 background: transparent url(images/navbar.gif) no-repeat -517px -27px;
}

.news a:hover {
 background: transparent url(images/navbar.gif) no-repeat -611px -27px;
}

.pastshows a:hover {
 background: transparent url(images/navbar.gif) no-repeat -671px -27px;
}

body#home .home a {
 background: transparent url(images/navbar.gif) 0 -27px no-repeat;
}

body#about .about a {
 background: transparent url(images/navbar.gif) -64px -27px no-repeat;
}

body#season .season a {
 background: transparent url(images/navbar.gif) no-repeat -161px -27px;
}

body#tickets .tickets a {
 background: transparent url(images/navbar.gif) no-repeat -274px -27px;
}

body#conservatory .conservatory a {
 background: transparent url(images/navbar.gif) no-repeat -412px -27px;
}

body#support .support a {
 background: transparent url(images/navbar.gif) no-repeat -517px -27px;
}

body#news .news a {
 background: transparent url(images/navbar.gif) no-repeat -611px -27px;
}

body#pastshows .pastshows a {
 background: transparent url(images/navbar.gif) no-repeat -671px -27px;
}

#navbar #menu {
 top: 0;
 left: 0;
 background: transparent url(images/navbar.gif) no-repeat top left;
}

/* ---------- table styles ---------- */

table {
 border: 0;
}

th {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 background-color: #9c8c93;
 padding: 3px;
 color: #514348;
 text-align: center;
}

td {
 vertical-align: top;
 text-align: center;
 padding: 3px 3px 4px 3px;
 border-bottom: 1px solid #827379;
}

/* ---------- sponsors content ---------- */

#sponsors div.sponsorbox {
 background: transparent url(images/shows/bg-show-top.gif) no-repeat center top;
 width: 552px !important;
 margin: 10px auto 20px auto;
 padding-top: 20px;
}

#sponsors div.sponsorbox-body {
 background: transparent url(images/shows/bg-show.gif) bottom;
 padding: 0 10px 20px 10px;
 text-align: center;
}

#sponsors {
 width: 800px;
 background: #514348 url(images/bg-content.gif) repeat-y;
 z-index: 0;
 clear: both;
 margin-bottom: 40px;
}

#sponsors img {
 padding: 5px 5px;
}

#sponsors h3 {
 margin: 0;
 color: #ffffcc;
}

/* ---------- form elements ---------- */

form#wrapper {
 width: 400px;
 padding: 20px;
 border: 1px solid #ccc;
 display: block;
}

form p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #fff;
 text-align: right;
}

input.data {
 font: 12px monaco, "Lucida Console", monospace;
 color: #002957;
 background-color: #fff !important;
 border: 1px solid #ccc;
 padding: 2px;
 width: 250px;
}

textarea {
 font: 12px monaco, "Lucida Console", monospace;
 color: #002957;
 background-color: #fff !important;
 border: 1px solid #ccc;
 width: 280px;
 height: 100px;
 vertical-align: text-top;
}

.required {
 color: #dcd152;
}

body.errorpage ul {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000;
}

body.errorpage {
 background-color: #ab9981;
}