body {
	background: #000 url(/images/bg.gif) 50% 0 no-repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	margin-top: 15px;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: .5em;
}

h1 {
	line-height: 1.2em;
}

h3 {
	line-height: 1.2em;
	margin-top: 2em;
}

a {
	color: #AADD11;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

fieldset {
	background-color: #222;
	padding: 1em;
}

#wrap, #header-wrap, #featured-wrap, #main-nav-wrap, #perf-wrap, #sc-wrap, #footer-wrap {
	clear: left;
	margin-bottom: 10px !important;
	width: 890px;
}

/* WRAP */
#wrap {
	margin: 0 auto;
}

/* HEADER WRAP */
#header-wrap {
	background: transparent url(/images/header.jpg) 0 0 no-repeat;
	height: 108px;
	position: relative;
	margin-bottom: 10px;
}

#buy-tickets-tab {
	position: absolute;
	right: -9px;
	top: 30px;
	z-index: 5;
}

/* FEATURED WRAP */
#featured-wrap {
	background-color: #111;
	position: relative;
	height: 203px;
}

#featured-image-wrap {
	position: absolute;
	width: 538px;
	left: 352px;
}

.featured-caption {
	background: transparent url(/images/caption-bg.png) 0 0 repeat;
	color: #fff;
	font-size: 75%;
	font-weight: normal;
	padding: 5px 25px;
	position: absolute;
	bottom: 0;
	text-align: left;
	width: 488px; /* 538px - 50px */
	z-index: 1;
}

.featured-caption a {
	color: #fff;
	display: block;
	text-decoration: none;
}

.featured-caption a:hover {
	color: #FFFF00;
	text-decoration: none;
}

#featured-list {
	font-size: 80%;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 368px;
	z-index: 2;
}

#featured-list li {
	height: 50px;
	line-height: 15px;
	list-style: none;
	margin-bottom: 1px;
	width: 368px;
}

#featured-list li a {
	background: transparent url(/images/featured-inactive.gif) 0 -50px no-repeat;
	color: #aaa;
	display: block;
	padding: 8px 20px 0;
	height: 42px !important;
	width: 328px; /* 368px - 40px from padding */
	text-decoration: none;
}

#featured-list li a:hover {
	/*background: transparent url(/images/featured-inactive.gif) 0 -50px no-repeat;*/
	background: transparent url(/images/featured-active.png) 0 0 no-repeat;
	color: #fff;
}

#featured-list li a.featured-link-active {
	background: transparent url(/images/featured-active.png) 0 0 no-repeat;
	color: #fff;
	height: 50px;
}


/* MAIN NAV */
#main-nav-wrap .active {
	
}

/* PERFORMANCES */
#perf-wrap {
	background-color: #111;
	clear: left;
	overflow: auto;
	position: relative;
	overflow: visible;
}

#next-perf-tab, #upcoming-perf-tab {
	position: absolute;
}

#perf-next-wrap, #perf-upcoming-wrap {
	background-color: #111;
	float: left;
	overflow: auto;
	padding: 10px;
	width: 425px; /* 445px - 20px from padding */
}

#next-perf-tab {
	left: -9px;
	top: 20px;
	z-index: 5;
}

#upcoming-perf-tab {
	right: -9px;
	top: 20px;
	z-index: 5;
}

#perf-next-content-div, #perf-upcoming-content-div {
	background-color: #333;
	height: 200px;
	position: relative;
	width: 425px; /* taken from its parent width */
}

#next-perf-caption {
	background: transparent url(/images/caption-bg.png) 0 0 repeat;
	color: #fff;
	font-size: 75%;
	padding: 5px 10px;
	position: absolute;
	bottom: 0;
	text-align: left;
	width: 405px;
	z-index: 1;
}

#next-perf-caption a {
	color: #fff;
	display: block;
	text-decoration: none;
}

#next-perf-caption a:hover {
	color: #FFFF00;
	text-decoration: none;
}

.next-perf-date {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 130%;
	font-weight: bold;
}

/* UPCOMING PERFORMANCES
	- images used will be 200x43px */
#perf-upcoming-list {
	float: left;
	margin: 1px 0 0 4px;
	padding: 0;
	width: 200px;
}

#perf-upcoming-list li {
	list-style: none;
	margin: 2px 0;
}

#perf-upcoming-list li a {
	border: 2px solid #444;
	display: block;
	height: 43px;
	position: relative;
	text-decoration: none;
}

#perf-upcoming-list li a:hover {
	border: 2px solid #99CC00;
}

#perf-upcoming-list li a span {
	bottom: 0;
	background: transparent url(/images/caption-bg.png) 0 0 repeat;
	color: #fff;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 110%;
	padding: 1px 5px 3px;
	position: absolute;
	right: 0;
}

#perf-upcoming-list li a:hover span {
	color: #99CC00;
}

.event-link-active {
	border: 2px solid #99CC00 !important;
}

.event-link-active span {
	color: #99CC00 !important;
}

#perf-upcoming-details {
	color: #bbb;
	float: left;
	padding: 45px 10px 0px;
	width: 195px; /* 425px - 200px - 20px padding */
}

.perf-upcoming-title {
	display: block;
	font-size: 85%;
	font-weight: bold;
}

.perf-upcoming-desc {
	font-size: 65%;
	line-height: 1.25em;
}

/* MAIN CONTENT */
#main-content-wrap {
	background-color: #111;
	color: #eee;
	overflow: auto;
	padding: 10px;
	width: 870px; /* 890px - 20px padding */
}

#breadcrumbs {
	color: #999;
	font-size: 80%;
	padding:  0 8px 10px;
	text-transform: uppercase;
}

#breadcrumbs a {
	color: #999;
}

#breadcrumbs a:hover {
	color: #ddd;
}

#main-content-bg {
	background: #111 url(/images/main-content-bg.jpg) 0 0 no-repeat;
	overflow: auto;
}

#main-content-left {
	float: left;
	padding: 20px;
	width: 545px; /* 585px - 40px padding */
}

#main-content-highlight {
	float: left;
	padding: 20px;
	width: 830px; /* 585px - 40px padding */
}

#main-content-highlight-intermezzo {
	float: left;
	padding: 20px;
	width: 830px; /* 585px - 40px padding */
}

.main-content-splash-img {
	border: 2px solid #444;
}


.main-content-splash-img, #main-content-highlight img {
	border: 2px solid #444;
}


.main-content-body {
	color: #ddd;
	background-color: #333;
	font-size: 80%;
	line-height: 1.3em;
	margin-top: 15px;
	padding: 16px;
}

.main-content-body h1 {
	color: #fff;
}

#main-content-right {
	float: left;
	padding: 20px 0 20px 10px;
	width: 275px; /* 285px - 20px padding */
}

.right-links a {
	background: transparent url(/images/main-content-bg) 0 -350px no-repeat;
	display: block;
	margin-bottom: 1em;
	padding: 1em;
}

/* CONCERT LEVEL */
/* 
*  -m = masterworks
*  -p = pops
*  -c = connoisseur
*  -s = special events
*/
#concert-content-left, #concert-content-right {
	float: left;
	padding: 20px;
	width: 395px; /* 435px - 40px padding */
}

.concert-date-top-m, .concert-date-top-p, .concert-date-top-c, .concert-date-top-s {
	color: #ccc;
	line-height: 15px;
	height: 15px;
	font-size: 85%;
	font-weight: bold;
	padding-left: 25px;
	text-transform: uppercase;
}

.concert-title-wrap {
	margin: 30px 0 15px;
}

.concert-title {
	color: #FFF;
	line-height: 1.1em;
}

.concert-subtitle {
	color: #ccc;
	font-size: 70%;
	font-weight: bold;
}

.concert-info-divider {
	color: #999;
	border-bottom: 2px solid #444;
	font-size: 85%;
	text-transform: uppercase;
	margin-bottom: .5em;
}

.concert-musician-wrap {
	font-size: 80%;
}

.concert-musician-name {
	font-weight: bold;
}

.concert-musician-play {
	color: #ddd;
	font-style: italic;
}

.concert-content-wrap {
	color: #fff;
	background-color: #333;
	font-size: 80%;
	line-height: 1.3em;
	margin-top: 15px;
	padding: 16px;
}

.concert-sponsor {
	font-weight: bold;
}

.concert-image img {
	border: 2px solid #555;
}

.concert-other-wrap {
	margin-top: 30px;
}

.concert-other-title-m, .concert-other-title-p, .concert-other-title-c, .concert-other-title-s {
	color: #ddd;
	line-height: 15px;
	height: 15px;
	font-size: 90%;
	font-weight: normal;
	margin-bottom: 30px;
	padding-left: 25px;
	text-transform: uppercase;
}

.concert-other-item {
	margin-bottom: 15px;
	overflow: auto;
	clear: left;
}

.concert-other-item img {
	border: 2px solid #444;
	float: left;
	margin-right: 10px;
}

.concert-other-item-title {
	font-weight: bold;
}

.concert-other-item-subtitle {
	color: #888;
	font-size: 80%;
}

.concert-other-item-date {
	color: #ddd;
	font-size: 80%;
}

.concert-other-item a {
	color: #eee;
	text-decoration: none;
}

.concert-other-item a:hover img {
	border: 2px solid #fff;
}

.cs-para {
	background: #222;
	margin-top: 2em;
	padding: 1em;
	line-height: 1.5em;
}

.cs-para img {
	padding: 8px 0 0 0;
}

.cs-para-int {
	background: #222;
	margin-top: 2em;
	padding: 1em;
	line-height: 1.5em;
}

.cs-cat-m, .cs-cat-p, .cs-cat-c, .cs-cat-s {
	margin: 0;
	padding: 0 0 0 20px;
	text-transform: uppercase;
}

.cs-cat-m, .concert-date-top-m, .concert-other-title-m {
	background: transparent url(/images/color-block-main-content-magenta.gif) 0 2px no-repeat;
}

.cs-cat-p, .concert-date-top-p, .concert-other-title-p {
	background: transparent url(/images/color-block-main-content-lt-blue.gif) 0 2px no-repeat;
}

.cs-cat-c, .concert-date-top-c, .concert-other-title-c {
	background: transparent url(/images/color-block-main-content-tan.gif) 0 2px no-repeat;
}

.cs-cat-s, .concert-date-top-s, .concert-other-title-s {
	background: transparent url(/images/color-block-main-content-green.gif) 0 2px no-repeat;
}

.cs-concert {
	margin: 2em 0;
}

.cs-title {
	color: #ddd;
	font-size: 110%;
	font-weight: bold;
}

.cs-desc {
	color: #aaa;
}

/* SUB CONTENT
	- middle div (kids) will be larger in size. 
	- sc = sub content */
#sc-wrap {
	clear: left;
	overflow: auto;
}

#sc-news-wrap, #sc-contribute-wrap {
	background-color: #333;
	float: left;
	overflow: auto;
	padding: 16px;
	width: 243px; /* 275px - 32px from padding */
}

#sc-kids-wrap {
	background-color: #222;
	float: left;
	overflow: auto;
	padding: 16px;
	width: 308px; /* 340px - 32px from padding */
}

.sc-img-wrap {
	margin-top: 1em;
}

.sc-img-wrap img {
	border: 2px solid #444;
}

/* PRESS ROOM, CONCERT SCHEDULE */
.pr-content-wrap, .b-content-wrap {
	margin-top: 2em;
}

.pr-title, .b-title {
	color: #eee;
	font-size: 140%;
	line-height: 1.2em;
	margin: 1em 0;
}

.pr-date, .b-date {
	color: #ccc !important;
	background: transparent url(/images/color-block-main-content-lt-blue.gif) 0 0 no-repeat;
	letter-spacing: .1em;
	padding-left: 20px;
	text-transform: uppercase;
}

.pr-desc, .b-desc {
	background-color: #222;
	color: #aaa !important;
	color: #ddd;
	margin: 1em 0;
	padding: 1em;
}

.stp-para {
	background: #111 url(/images/main-content-bg) 0 -250px no-repeat;
	margin-top: 1em;
	padding: 1em;
	line-height: 1.5em;
}

.stp-title {
	background: transparent url(/images/color-block-main-content-lt-blue.gif) 0 2px no-repeat;
	margin: 0;
	padding: 0 0 0 20px;
}

.youth-winner-table td {
	background: transparent url(/images/main-content-bg) 0 -250px no-repeat;
	vertical-align: top;
	padding: 16px;
}

.youth-winner-table img {
	vertical-align: top;
}

.contribute-table td {
	padding: .2em;
}

.contribute-footer {
	color: #999;
	font-size: 90%;
}

.musicians-table th {
	padding-bottom: 1em;
	text-align: left;
	text-transform: uppercase;
}

.musician-instrument {
	background: transparent url(/images/color-block-main-content-lt-blue.gif) 0 2px no-repeat;
	margin: 0;
	padding: 0 0 0 20px;
}

.musicians-table td {
	color: #ccc;
	line-height: 16px;
	padding: 2px 0;
}

.musicians-table td span, .musicians-table td img {
	vertical-align: middle;
}

#subscriber-list li {
	margin: 1em 0;
}

.roster-section {
	background-color: #222;
	margin-top: 1em;
	padding: 1em;
	line-height: 1.5em;
}

.roster-table {
	width: 486px;
}

.roster-table th {
	font-size: 90%;
	padding-bottom: .5em;
	text-align: left;
	text-transform: uppercase;
}

.roster-table td {
	padding-right: .3em;
}

.roster-title {
	background: transparent url(/images/color-block-main-content-lt-blue.gif) 0 2px no-repeat;
	margin: 0 0 1em 0;
	padding: 0 0 0 20px;
}

.ask-david-wrap {
	font-size: 100%;
	float: right;
	height: 26px;
	width: 250px;
	text-align: right;
}

.ask-david-wrap a {
	background: transparent url(/images/ask-david-icon-sprite.gif) 100% 0 no-repeat;
	color: #cccccc !important;
	display: block;
	height: 26px;
	line-height: 26px;
	padding-right: 47px;
}

.ask-david-wrap a:hover {
	background: transparent url(/images/ask-david-icon-sprite.gif) 100% -26px no-repeat;
}

/* FOOTER */
#footer-wrap {
	clear: left;
	color: #fff;
	height: 260px;
	position: relative;
}

#lvphil-addr-wrap, #hamhall-addr-wrap {
	color: #ccc;
	position: absolute;
	top: 20px;
	width: 270px;
}
#lvphil-addr-wrap {
	left: 290px;
}

#hamhall-addr-wrap {
	left: 588px;
}

.addr-title {
	display: block;
	font-size: 80%;
	font-weight: bold;
}

.addr-details {
	font-size: 70%;
}

.addr-details a {
	color: #ccc;
	text-decoration: none;
}

.addr-details a:hover {
	text-decoration: underline;
}

.back-to-wrap {
	font-size: 90%;
	font-weight: bold;
	margin-top: 1em;
	text-align: right;
}

.textC {
	text-align: center;
}

.textR {
	text-align: right;
}

.top-page {
	background: transparent url(/images/top-of-page.gif) 0 1px no-repeat;
	padding-left: 20px;
}

/* MODALS */
#bio-modal-wrap {
	display: none;
	font-size: 85%;
	height: 420px;
	margin-left: -250px;
	left: 50%;
	line-height: 1.4em;
	position: fixed;
	top: 10%;
	width: 550px;
	z-index: 5;
}

#bio-modal {
	border: 5px solid #444;
	background: transparent url(/images/main-content-bg.jpg) 0 -100px no-repeat;
	color: #ddd;
	height: 400px;
	padding: 16px 16px 32px;
	overflow-y: auto;
}


.bio-pic {
	border: 2px solid #444;
	float: left;
	margin: 0 16px 8px 0;
}

.bio-controls {
	text-align: right;
}

.social-wrap {
	color: #999;
	height: 24px;
	line-height: 15px;
	font-size: 90%;
	margin-top: 20px;
	padding: 2px 10px;
	text-align: right;
	text-transform: uppercase;
}

.social-wrap span, .social-wrap img {
	line-height: 15px;
	vertical-align: middle;
}

/* MISC */
.hover-cursor {
	cursor: pointer;
}
