html body { background: #fff; padding: 0px; margin: 0 auto; text-align: center; font-family: Franklin Gothic Book, Arial, Helvetica, sans-serif; font-size: 14px; color: #333; }
#container { width: 1135px; background: #fff; text-align: left; margin: 0 auto; padding-top: 20px; }
#container_guts { margin: 0px 20px; }
#header { margin-bottom: 10px; }
#social { float: right; width: 26px; }
#sponsors { border-top: 3px solid #cbe19a; margin-top: 20px; padding-top: 20px; }
#footer { padding: 20px 0px 10px 130px; color: #666; text-align: center; }
#nav { margin: 0px; padding: 0px; }
#nav li { float: left; display: inline; margin: 0px; padding: 0px; }
#nav li a { display: block; height: 43px; background: url(/images/nav.png) no-repeat; text-indent:-9999px; }
#nav li.home, #nav li.home a { width: 128px; }
#nav li.home a { background-position: 0 -86px; }
#nav li.home a:hover { background-position: 0 -43px; }
#nav li.home a.active { background-position: 0 0; }
#nav li.operas, #nav li.operas a { width: 158px; }
#nav li.operas a { background-position: -128px -86px; }
#nav li.operas a:hover { background-position: -128px -43px; }
#nav li.operas a.active { background-position: -128px 0; }
#nav li.tickets, #nav li.tickets a { width: 172px; }
#nav li.tickets a { background-position: -286px -86px; }
#nav li.tickets a:hover { background-position: -286px -43px; }
#nav li.tickets a.active { background-position: -286px 0; }
#nav li.theatre, #nav li.theatre a { width: 174px; }
#nav li.theatre a { background-position: -458px -86px; }
#nav li.theatre a:hover { background-position: -458px -43px; }
#nav li.theatre a.active { background-position: -458px 0; }
#nav li.support, #nav li.support a { width: 171px; }
#nav li.support a { background-position: -632px -86px; }
#nav li.support a:hover { background-position: -632px -43px; }
#nav li.support a.active { background-position: -632px 0; }
#nav li.about, #nav li.about a { width: 159px; }
#nav li.about a { background-position: -803px -86px; }
#nav li.about a:hover { background-position: -803px -43px; }
#nav li.about a.active { background-position: -803px 0; }
#nav li.contact, #nav li.contact a { width: 133px; }
#nav li.contact a { background-position: -962px -86px; }
#nav li.contact a:hover { background-position: -962px -43px; }
#nav li.contact a.active { background-position: -962px 0; }
#opera_tabs_barber { margin: 0px; padding: 0px; }
#opera_tabs_barber li { float: left; display: inline; margin: 0px; padding: 0px; }
#opera_tabs_barber li a { display: block; height: 43px; background: url(/images/nav_barber.png) no-repeat; text-indent:-9999px; }
#opera_tabs_barber li.barber, #opera_tabs_barber li.barber a { width: 160px; }
#opera_tabs_barber li.barber a { background-position: 0 -86px; }
#opera_tabs_barber li.barber a:hover { background-position: 0 -43px; }
#opera_tabs_barber li.barber a.active { background-position: 0 0; }
#opera_tabs_barber li.barber_story, #opera_tabs_barber li.barber_story a { width: 109px; }
#opera_tabs_barber li.barber_story a { background-position: -160px -86px; }
#opera_tabs_barber li.barber_story a:hover { background-position: -160px -43px; }
#opera_tabs_barber li.barber_story a.active { background-position: -160px 0; }
#opera_tabs_barber li.barber_cast, #opera_tabs_barber li.barber_cast a { width: 96px; }
#opera_tabs_barber li.barber_cast a { background-position: -258px -86px; }
#opera_tabs_barber li.barber_cast a:hover { background-position: -258px -43px; }
#opera_tabs_barber li.barber_cast a.active { background-position: -258px 0; }
h1, h1.h1_performance, h3.h3_production_photos { padding: 0px; margin: 0px; color: #9bcb3b; font-size: 30px; letter-spacing: -1px; font-weight: bold; }
h1.h1_performance, h3.h3_production_photos { color: #231f20; font-size: 20px; }
h2.h2_performance, h1.h1_popera { padding: 0px 0px 0px 5px; margin: 0px; color: #9bcb3b; font-size: 44px; letter-spacing: -1px; font-weight: bold; font-family: Franklin Gothic Demi, Franklin Gothic book, Arial, Helvetica, sans-serif; }
h2.h2_home { padding: 0px; margin: 0px; color: #231f20; font-size: 20px; letter-spacing: -1px; font-weight: bold; }
h1.h1_home, a.home_name, a.home_name_event { padding: 0px; margin: 0px; color: #9bcb3b; font-size: 44px; letter-spacing: -1px; font-weight: bold; font-family: Franklin Gothic Demi, Franklin Gothic book, Arial, Helvetica, sans-serif; }
a.home_name, a.home_name_event { text-decoration: none; }
a.home_name:hover, a.home_name_event:hover { color: #9bcb3b; }
a.home_name_event { font-size: 24px; }
h1.h1_home { font-size: 36px; }
.home_dates { margin-top: 5px; font-weight: bold; font-size: 15px; }
div.home_message_container { border: 4px solid #9bcb3b; padding: 4px 6px; margin-top: 20px; }
div.home_message { height: 670px; width: 390px; overflow: auto; padding-right: 5px; }
.photo_credit { font-size: 12px; padding-top: 8px; }
.OAdonor { color: #9bcb3b; font-size: 15px; font-weight: bold; }
.black_heading { font-weight:bold; font-size: 16px; }
.smalltext { font-size: 12px; }
.cleared { clear: both; height: 1px; }
a { color: #333; text-decoration: underline; }
a:hover { color: #9bcb3b; }
a:active { outline:none; }
:focus {
-moz-outline-style:none;
}
#fishnet { float: right; width: 130px; text-align: right; }
#fishnet a { color: #999; text-decoration: underline; font-size: 13px; }
/* Page backgrounds */
.Home_container, .Barber_container, .Popera_container, .Trovatore_container, .half_container, .third_container { margin-top: 20px; padding-top: 30px; background-position: 0 10px; }
.Home_container { background: url(/images/page-backgrounds/home-pole.jpg) top left no-repeat; }
.Barber_container { background: url(/images/page-backgrounds/barber-of-seville-scissors.jpg) top left no-repeat; }
.Popera_container { background: url(/images/page-backgrounds/popera-microphone.jpg) top left no-repeat; }
.Trovatore_container { background: url(/images/page-backgrounds/trovatore-sword.jpg) top left no-repeat; }
.half_left { float: left; width: 535px; padding-right: 13px; }
.half_right { float: right; width: 526px; padding-left: 21px; }
.third_left { float: left; width: 345px; padding-right: 30px; }
.third_middle { float: left; width: 345px; padding-right: 30px; }
.third_right { float: left; width: 345px; }