
/* LAYOUT */
body {  
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em;
	background: #1f2a24; 
	text-align: center; 
	min-width: 800px;
	behavior: url(csshover2.htc); /* WinIE behavior call */	
	margin: 0; padding: 0;
	color: #300;
}

h1 { 
	font-family: 'times new roman', times, serif;
	font-size: 1.5em; 
	font-weight: bold; 
}
h2, h4, h5, h6 { font-family: arial, helvetica, sans-serif; }
h3 { font-family: 'times new roman', times, serif; }
h1, h3, h5 { color: #663300; }
h2, h4, h6 { color: #946B5D; }
p, td { 
	font-family: 'times new roman', times, serif;
	font-size: small; 
	line-height: 1.2em; 
}
ul { font-family: "Times New Roman", Times, serif; font-size: small; list-style: circle; }
table { font-family: arial, helvetica, sans-serif; }

p, table { margin: 0; padding: 0 0 1em 0; }
h3 { margin: 0; padding: 1em 0 .25em 0; }
h4 { margin: 0 150px 1em 110px; padding: 1em 0 .25em 10px; color: #601e09; text-transform: uppercase; letter-spacing: .1em; border-bottom: solid #601e09 1px; }

a { text-decoration: none; }
a img { border: none; }
a:link, a:visited { color: #663300; }
html body a:hover { color: #000; text-decoration: underline; }  

.listemphasis { font-weight: bold; }
.listindent { margin: 0 0 0 2em; font-family: arial, helvetica, sans-serif; font-size: small; line-height: 1.2em;  }

#wrapper { 
	width: 800px; 
	margin: 0 auto; 
	padding: 40px 0; 
	text-align: left; 
}
#pageframe { 
	width: 800px; 
	margin: 0; 
	padding: 0; 
	text-align: left; 
}

#top { margin: 0; padding: 0; }
#logo { margin: 0; padding: 0; height: 153px; }

#menu { margin: 0; padding: 0; height: 24px; background-color: #efdfb1; }

#sitenav { 
	margin: 0; padding: 0;
	width: 800px;
	float: right; 
	list-style-type: none;
}
#sitenav li {
	float: left;
}

#hpcontent { 
	clear: both;
	position: relative; 
	margin: 0; 
	padding: 0; 
	height: 423px;
	overflow: hidden;
}
#hpcontent #sidebar {
	position: absolute;
	top: 0;
	left: 0;
	height: 423px;
	width: 170px;
	background: #f60 url(images/sidebar_back.jpg) no-repeat; 
}
#hpcontent #main {
	position: absolute;
	top: 0;
	left: 170px;
	width: 630px;
	height: 423px;
	background: #efdfb1 url(images/group_pic.jpg) no-repeat; 
}
#hpcontent #main .textonly {
	float: left;
}

.textonly {
	display: none;
}



#main { 
	background-color: #fff;
	margin: 0; 
	padding: 40px 6em 6em 6em; 
	clear: both; 
}

#sidebar .event_listing {
	margin: 0;
	padding-top: 84px;
	padding-left: 23px;
	list-style-type: none;
	font-family: 'trebuchet ms', trebuchet, 'times new roman', helvetica, arial, sans-serif;
	color: #fff0dc;
}
.event_listing a:hover {
	color: #fff;
}
.event_listing li {
	padding: 0 1em 1.5em 0;
	display: block;
	width: 130px;
}

.event_listing .location {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #fdc374;
}

.event_listing .date {
	font-size: 12px;
	font-weight: bold;
	color: #fff0dc;
}

.event_listing .description {
	font-size: 12px;
	color: #fff0dc; /* same as date */
}

#navfooter {
	height: 20px;
	text-align: center;
	letter-spacing: .1em;
	text-transform: uppercase; 
	color: #efdfb1;
	font-family: 'trebuchet ms', trebuchet, arial, helvetica, sans-serif;
	font-weight: bold;
	background: url(images/footer_back.jpg) 0 0 no-repeat #161d19; /* good brown  1a0d00 -- color of page background  #efdfb1  */
	padding: 0.5em 1em 0;
/*	border: 1px solid #100; */
}

#navfooter a {
	font-size: 80%;
	color: #efdfb1;
}
#navfooter a:hover {
	color: #ad4500;
}

#copyright {
	padding: 1em 0 0;
	text-align: right;
	font-family: 'trebuchet ms', trebuchet, arial, helvetica, sans-serif;
	color: #888;
	font-size: 9px;
}
#copyright p {
	font-size: 9px;
	padding-bottom: .5em;
}

#siteCopyright {
	float: left;
	padding-top: 7px;
}

#siteinfoDesigner a, #siteinfoDesigner a:visited {
	color: #fff;
}

#siteinfoDesigner a:hover, #siteinfoDesigner a:active {
/*	color: #facece; */
	text-decoration: none;
}




/* IMAGE REPLACEMENT */
/* PIXY IR for anchors */
#logo { 
	margin: 0px;
	padding: 0;
	}
#logo a {
	display: block;
	width: 800px; 
	height: 153px;
	margin: 0; 
	padding: 0;
	background: url(images/logo.jpg) top left no-repeat;
	text-decoration: none;
}
#logo a span {
	display: none;
}

#nav-about { 
	margin: 0 0 0 1px;
	padding: 0;
	}
#nav-about a {
	display: block;
	width: 80px; 
	height: 24px;
	margin: 0; 
	padding: 0;
	background: url(images/b_about.gif) top left no-repeat;
	text-decoration: none;
}
#nav-about a:hover {
	background-position: -81px 0;
}
#nav-about a span {
	display: none;
}

#nav-community { 
	margin: 0 0 0 1px;
	padding: 0;
	}
#nav-community a {
	display: block;
	width: 91px; 
	height: 24px;
	margin: 0; 
	padding: 0;
	background: url(images/b_community.gif) top left no-repeat;
	text-decoration: none;
}
#nav-community a:hover {
	background-position: -92px 0;
}
#nav-community a span {
	display: none;
}

#nav-recordings { 
	margin: 0 0 0 1px;
	padding: 0;
	}
#nav-recordings a {
	display: block;
	width: 101px; 
	height: 24px;
	margin: 0; 
	padding: 0;
	background: url(images/b_recordings.gif) top left no-repeat;
	text-decoration: none;
}
#nav-recordings a:hover {
	background-position: -102px 0;
}
#nav-recordings a span {
	display: none;
}

#nav-concerts { 
	margin: 0 0 0 1px;
	padding: 0;
	}
#nav-concerts a {
	display: block;
	width: 82px; 
	height: 24px;
	margin: 0; 
	padding: 0;
	background: url(images/b_concerts.gif) top left no-repeat;
	text-decoration: none;
}
#nav-concerts a:hover {
	background-position: -83px 0;
}
#nav-concerts a span {
	display: none;
}


#nav-auditions { 
	margin: 0 0 0 1px;
	padding: 0;
	}
#nav-auditions a {
	display: block;
	width: 82px; 
	height: 24px;
	margin: 0; 
	padding: 0;
	background: url(images/b_auditions.gif) top left no-repeat;
	text-decoration: none;
}
#nav-auditions a:hover {
	background-position: -83px 0;
}
#nav-auditions a span {
	display: none;
}

#nav-donations { 
	margin: 0 0 0 1px;
	padding: 0;
	}
#nav-donations a {
	display: block;
	width: 91px; 
	height: 24px;
	margin: 0; 
	padding: 0;
	background: url(images/b_donations.gif) top left no-repeat;
	text-decoration: none;
}
#nav-donations a:hover {
	background-position: -92px 0;
}
#nav-donations a span {
	display: none;
}

#nav-home { 
	margin: 0 0 0 1px;
	padding: 0;
	}
#nav-home a {
	display: block;
	width: 67px; 
	height: 24px;
	margin: 0; 
	padding: 0;
	background: url(images/b_home.gif) top left no-repeat;
	text-decoration: none;
}
#nav-home a:hover {
	background-position: -68px 0;
}
#nav-home a span {
	display: none;
}

#joinmailinglist { 
	position: absolute;
	top: 360px;
	left: 0;
	margin: 0 0 0 1px;
	padding: 0;
	}
#joinmailinglist a {
	display: block;
	width: 170px; 
	height: 53px;
	margin: 0; 
	padding: 0;
	background: url(images/b_joinmailing.png) top left no-repeat;
	text-decoration: none;
}
#joinmailinglist a:hover {
	background-position: -170px 0;
}
#joinmailinglist a span {
	display: none;
}

#cd_hpb_lj { 
	position: absolute;
	top: 320px; /* 346px was the design */
	left: 249px;
	margin: 0 0 0 1px;
	padding: 0;
	}
#cd_hpb_lj a {
	display: block;
	width: 345px; 
	height: 69px;
	margin: 0; 
	padding: 0;
	background: url(images/cd_hpb_lyricjourney.png) top left no-repeat;
	text-decoration: none;
}
#cd_hpb_lj a:hover {
	background-position: 0 -69px;
}
#cd_hpb_lj a span {
	display: none;
}

#cd_hpb_pbtu { 
	position: absolute;
	top: 346px;
	left: 249px;
	margin: 0 0 0 1px;
	padding: 0;
	}
#cd_hpb_pbtu a {
	display: block;
	width: 345px; 
	height: 69px;
	margin: 0; 
	padding: 0;
	background: url(images/cd_hpb_pbtu.png) top left no-repeat;
	text-decoration: none;
}
#cd_hpb_pbtu a:hover {
	background-position: 0 -69px;
}
#cd_hpb_pbtu a span {
	display: none;
}

#hpb_x09 { 
	position: absolute;
	top: 346px;
	left: 249px;
	margin: 0 0 0 1px;
	padding: 0;
	}
#hpb_x09 a {
	display: block;
	width: 345px; 
	height: 69px;
	margin: 0; 
	padding: 0;
	background: url(images/hpb_x09.png) top left no-repeat;
	text-decoration: none;
}
#hpb_x09 a:hover {
	background-position: 0 -69px;
}
#hpb_x09 a span {
	display: none;
}

#hpb_wrapper {
	position: absolute;
	top: 346px;
	left: 249px;
}

/* concert page and ecards (which are related but not identical */
.concert_image {
	float: right;
	padding: 0 0 1em 20px;
}
#concertpg_image_ecard { 
	float: right;
	padding: 0 0 30px 40px;
	text-align: right;
	width: 300px;
}
#concertpg_image_ecard p { 
	padding: .5em 0 1em 0;
	font-size: 16px;
}
.concert_item_epcard h3 {
 	padding-top: 0;
}
.fb_menu_ecard {
	text-align: right;
	padding: 35px 30px 0 0;
}

/* Tickets */
#buytickets { display: block; } /* legacy */
#tix_concert_page {
	width: 300px;
	padding: 1em;
	float: right;
	border: 2px solid #ccc;
}
.tix_note { font-size: 11px; font-family: arial, helvetica, sans-serif; }
.tix_note_sm { font-size: 9px; font-family: arial, helvetica, sans-serif; }


/* LEGACY */
#donationlevels { float: right; padding: 1.5em; margin: 0 1em; border: 2px solid #666; background-color: #ccc; width: 200px; }
#donationlevels h1 { font-size: small; }
#donationlevels h2 { font-size: x-small; margin-bottom: 0; margin-top: 1.5em; }
#donationlevels li { margin: 0 0 0 1em; }


/* LEGACY OVERRIDES */
.emphasis {
	font-family: 'times new roman', times, serif;
	font-size: small; 
	line-height: 1.2em;
	font-weight: bold;
}

.concertmonth 
{
	font-size: 14px;
	font-weight: bolder;
	line-height: 18pt;
	color: #51361c;
}

.concertdate
{
	font-size: 12px;
	font-weight: bolder;
	color: #333333;
}

.program_listing {
	padding-top: 1em;
	padding-bottom: 3em;
}
.program_listing p {
	padding: 0 0 .5em;
}

#listenframe {
	height: 16px;
	border: none;
}

#repertoire .col1 {
	width: 250px;
}

.pullquote_rt_abs, .bod_rt {
	position: absolute;
	top: 350px;
	right: 0;
}
.bod_rt {
	padding: 0 2em;
	width: 120px;
	font-family: 'times new roman', times, serif;
	font-size: 80%;
}

.pullquote_left_abs, .bod_lt {
	position: absolute;
	top: 350px;
	left: 0;
}
.pullquote_lt {
	float: left;
	clear: both;
	padding: 2em 0;
}


#newconcerts { display: block; }
/* #newconcerts, #newconcerts p { font: 12px tahoma, verdana, arial, geneva sans-serif; color: #333} */
#newconcerts a { color: #f60; text-decoration: none; }
#newconcerts a:hover { color: #333; text-decoration: underline; }
#newconcerts a:visited { color: #f60; text-decoration: none; }
#newconcerts h2 { font-weight: bolder; font-size: 1.3em; color: #f60;}
#newconcerts h3 { font-weight: bolder; font-size: 1.1em; }
#newconcerts ul { list-style: none; margin-left: 0; padding-left: 0; }
#newconcerts li { font-weight: bold; padding-bottom: 0.5em; }

#donationlevels ul {
	margin-left:-20px;
}

.foreign {
	font-style: italic;
}

/* STYLES FOR EXTERNAL FEATURES */
#external_features {
	margin: 0;
	padding: 1em 1em 0 2em;
	width: 156px;
	border-top: 1px solid #ccc;
}
/*
#external_features p {
	font-size: 12px;
	font-style: italic;
}
*/

/* facebook links */
html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; }

/* special tags -- not supported by all browsers and/or DOCTYPES */
.twocol {
div#multicolumn1 {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}
