html, body { margin: 0; padding: 0; height: 100%; }
body { background: #010310; text-align: center; font: .7em Verdana, sans-serif; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form { margin: 0; padding: 0; }
a { outline: none; color: #99194e; }
img { border: 0; }
table { border: 0; border-collapse: collapse; font-size: 1em; }
table td { padding: 0; margin: 0; font-size: 1em; vertical-align: top; }
.center { text-align: center; display: block; }
table.center { display: table; }
.text-right { text-align: right; }
.small { font-size: .8em; }
.bold { font-weight: bold; }
.clear { clear: both; }
div#wrapper { width: 911px; text-align: left; margin: 0 auto; }
div#logo { float: left; width: 100%; text-align: center; margin: 30px 0 0; height: 43px; position: relative; }
div#logo a.home { position: absolute; top: 24px; left: 5px; font-weight: bold; color: #999; text-decoration: none; }
div#logo a.home:hover { text-decoration: underline; }
div#logo span.music { color: #999; top: 24px; right: 0; position: absolute; }
div#logo span.music a { font-weight: bold; }
div#logo span.music a.active { color: #999; text-decoration: none; }
div#body { float: left; width: 909px; border: 1px solid #909fab; background: #b3b4b8 url(../images/bg.gif) repeat-y 685px top; }
div#nav { width: 824px; padding: 0 43px 0 42px; background: url(../images/home_nav_bg.png); }
div#nav a { float: left; padding-left: 43px; padding-right: 42px; background-repeat: no-repeat; background-position: center center; }
div#nav a img { visibility: hidden; }
div#nav a.about { background-image: url(../images/nav_about.gif); }
div#nav a.concerts { background-image: url(../images/nav_concerts.gif); }
div#nav a.support { background-image: url(../images/nav_support.gif); }
div#nav a.listen { background-image: url(../images/nav_listen.gif); }
div#nav a.about-active,
div#nav a.about:hover { background-image: url(../images/nav_about_a.gif); }
div#nav a.concerts-active,
div#nav a.concerts:hover { background-image: url(../images/nav_concerts_a.gif); }
div#nav a.support-active,
div#nav a.support:hover { background-image: url(../images/nav_support_a.gif); }
div#nav a.listen-active,
div#nav a.listen:hover { background-image: url(../images/nav_listen_a.gif); }
div#body.home { position: relative; height: 635px; }
div#body.home div.hires { float: left; width: 100%; height: 100%; }
div#body.home div.info { position: absolute; top: 275px; left: 511px; width: 308px; height: 310px; padding: 0 30px; color: #FFF; }
div#body.home div.info.bg { background: url(../images/home_box_bg.png); }
div#body.home div.info h2 { font-size: 1.25em; font-weight: normal; margin-bottom: 10px; }
div#body.home div.info a { color: #f6d68d; }
div#body.home div.info a:hover { color: #f6d68d; }
div#body.home div.info div.quote { margin-top: 26px; line-height: 1.6em; }
div#body.home div.info div.quote p { font-weight: bold; font-size: .85em; margin-top: 15px; line-height: 1.4em; text-align: right; }
div#body.home div.info div.quote h2.small { font-size: 1.1em; }
div#body.home div.info div.season { font-size: 1.2em; margin: 40px 30px; }
div#body.home div.info div.season p.one { }
div#body.home div.info div.season p.two { font: italic 2em Georgia, serif; text-align: center; }
div#body.home div.info div.season p.three { margin-top: 4px; font: italic 2em Georgia, serif; text-align: center; }
div#body.home div.info div.season a { display: block; text-align: center; margin-top: 20px; font-size: 1.05em; }
div#body.home div.info div.ways { text-align: center; margin-top: 20px; }
div#body.home div.info div.ways h2 { font-weight: bold; font-style: italic; padding-bottom: 12px; }
div#body.home div.info div.ways a { display: block; margin-top: 10px; font-size: 1.15em; }
div#body.home div.info div.cd { margin-top: 50px; }
div#body.home div.info div.cd img { float: left; margin: -10px 30px 0 20px; }
div#body.home div.info div.cd h2 { }
div#body.home div.info div.cd a { display: block; margin-top: 10px; font-size: 1.15em; }
div#body.home div#nav { position: absolute; top: 465px; height: 88px; }
div#body.home div#nav a { padding-top: 31px; padding-bottom: 31px; }
div#body.interior { }
div#body.interior div.header { background-repeat: no-repeat; padding-top: 150px; }
div#body.interior div.header div#nav { height: 70px; }
div#body.interior div.header div#nav a { padding-top: 20px; padding-bottom: 20px; background-position: center 23px; }
div#subnav { float: left; width: 884px; background: #eaeaeb url(../images/bg_menu.gif) repeat-y 685px top; padding-left: 25px; height: 38px; }
div#subnav a { float: left; color: #99194e; padding: 10px 15px; font-size: 1.3em; text-decoration: none; }
div#subnav a.active { font-weight: bold; }
div#subnav a:hover { color: #336593; }
div#body.interior div.left { float: left; width: 605px; padding: 30px 40px; line-height: 1.6em; }
div#body.interior div.right { float: left; width: 189px; padding: 15px 10px 30px; }
div#body.interior h1 { font: 2.5em Arial; color: #eaeaeb; letter-spacing: -2px; margin: 0 0 20px 0; }
div#body.interior h2 { font: 1.7em Arial; color: #465276; margin: 0 0 20px 0; }
div#body.interior h2 a { color: #465276; }
div#body.interior h3 { font: bold 1.25em Verdana; color: #000; margin: 0 0 10px 0; }
div#body.interior h3 .sub { font-size: .7em; margin-left: 30px; }
div#body.interior div.section { padding-bottom: 30px; }
div#body.interior div.img-right,
div#body.interior img.right { float: right; margin: 3px 0 10px 20px; }
div#body.interior div.img-left,
div#body.interior img.left { float: left; margin: 3px 20px 10px 0; }
div#body.interior span.caption { display: block; margin-top: 5px; font-style: italic; }
div#body.interior p { margin: 0 0 20px 0; }
div#body.interior p.sub { margin: -10px 0 10px; }
div#body.interior .thin { width: 450px; margin-right: auto; margin-left: auto; }
div#body.interior ul { margin: 0 0 20px 20px; }
div#body.interior ul li { line-height: 1.6em; list-style-type: disc; padding-left: 5px; }
div#body.interior div.right div.section { padding: 20px 0; border-bottom: 1px solid #626e94; }
div#body.interior div.right h4 { font: bold 1.2em Verdana, sans-serif; color: #d7ddf0; margin: 0 0 8px; }
div#body.interior div.right p { margin: 0 0 3px; line-height: 1.5em; color: #d7ddf0; }
div#body.interior div.right a { color: #f6d68d; }
div#body.interior div.right div.mail input.text { width: 181px; }
div#body.interior div.right div.mail input.button { color: #FFF; background: #99a5ca; width: 75px; font: 1.1em Verdana, sans-serif; padding: 2px 0; border: 0; margin-top: 5px; }
div#body.interior div.right div.quote p.quote { font-size: 1.1em; }
div#body.interior div.right div.quote p.name { font-size: .9em; }
div#copyright { float: left; width: 100%; margin-top: 30px; font-size: .85em; color: #808088; text-align: center; padding-bottom: 100px; }
table.columns { border: 0; margin-bottom: 10px; border-collapse: collapse; width: 100%; }
table.columns td { padding: 0 10px 15px 10px; text-align: center; line-height: 1.6em; }
label { display: block; margin-bottom: 2px; }
textarea { border: 0; padding: 3px 4px; font: 1em Verdana, sans-serif; }
.text input, input.text { border: 0; padding: 3px 4px; font: 1em Verdana, sans-serif; }
.checkbox input, .checkbox label { vertical-align: middle; display: inline; }
.checkbox input { width: 13px; height: 13px; }
.checkbox label { margin-left: 4px; }
table.list { border: 0; margin-bottom: 20px; border-collapse: collapse; width: 100%; }
table.list th { font-weight: bold; text-align: right; padding: 0 10px 5px 0; width: 30%; }
table.list td { text-align: left; padding: 0 0 5px 10px; }
/* PAGE SPECIFIC STYLES */
#about img.about { float: right; margin: 0 0 20px 20px; }
#members div.bio p { display: none; }
#members table h3 a { display: block; margin-left: 0 !important; }
#members table p { display: none; }
#thanks td { padding-top: 10px; vertical-align: middle; }
#thanks td img { margin-bottom: 10px; }
#concert div.program h1 { display: none; }
#concert div.program p { display: none; }
#listen .info { display: none; }