/*@import url('1011.css'); This didn't work, embarrassed to say I put a style tag in the _menu.css file. */
/* **** KEEP THIS AT THE TOP! *** */
/* new styles must be added below */

body {
	background:#000;
	color:#111;
	font-family: Verdana, sans-serif;
	font-size: 11px; 
	line-height: 1.45em; /* 16px */
	margin: 0;
	padding: 0;
	text-align: center;
}

/* links */

#content a, #content a:link, #content a:visited {text-decoration:none;}
#content .pagenav a, #content .pagenav a:link, #content .pagenav a:visited {text-decoration:underline;}

/* fonts */

p {
	margin:0 0 1em;
	padding: 0;
}

#sidebar dt {
	margin:0;
}

h1, #home h1, h1.evtitle, h1.sectitle, h1.evtitle_notes {
	font-weight:bold; 
	line-height:1em;
	text-align:left;
}
h1.sectitle, h1.evtitle_notes {
	margin-bottom: 0;
	margin-top: 0; 
	text-align: right;
}
h1.evtitle {
	font-size:1.91em; /*21px*/
	line-height:1.14em; /*24px;*/
	margin:.76em .25em .38em 0; 
}
h1.evtitle .instrument {
	font-size:0.65em; /*15px*/
	font-style:italic;
	font-weight:normal;
	color:#000;
}
h1.evtitle .instrument,
p.instrument {
	display:inline;
	letter-spacing:normal;
	text-transform:none;
}
h1.evtitle .instrument,
h2, 
p.instrument,
#content p.first .firstCitation {
	font-style:italic;
	font-weight:normal;
}

h2 { color:#666; font-size: 1.82em; /*20px*/ line-height:1.6em; /*32px*/ }

h2 a:link, h2 a:visited {
	text-decoration: none;
}

h3 {
	border:none;
	color:#000;
	font-size:1.27em; /*14px*/
	font-weight:bold;
	letter-spacing:.15em;
	text-transform:uppercase;
	
	margin: 1.14em 0 0;/*1.14em = 16px*/
	padding: 0;
}

/* imported heading styles */

#content h3 {
	margin: 0 0 1em;
}
h3.pagetitle, h3.evnotes, h3.evbio, h3.evynotes {
	border: none;
	margin-top: 0.3em;
}
h4, #sidebar h4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.27em; /*14px*/
}
h1 span, h2 span, h3 span {
	color: #999;
}



/* HTML styles */

abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted;
}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
}
blockquote {
	margin: 0 1.5em 1em;
	padding:0;
}
code {
	color: #777;
	font-size: 1.18em; /*13px*/
	line-height: 1.23em; /*16px*/
	text-align: left;
}
code strong {
	color: #333;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
strike {
	text-decoration: line-through;
}

/* page top */

#wrap {
	background: url(../images/bg_sidebar.gif) repeat-y;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	border-right: 1px solid #aaa;	
	border-left: 1px solid #aaa;
	width:762px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:760px;
} 

html>body #wrap {
  width:760px;
} 

#header {
	background:#000 !important;
	height:106px;
	
	position:relative;
}

#header h1#logo,
#header h1#logo a {
	width:405px !important;
	
	height:1px !important;
	height:106px;
	height/**/:/**/1px;	
	
	display:block;
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:0;

	
	padding:105px 0 0 0;
	margin:0;
}

#header #header_sponsor {
	width:150px;
	height:106px;
	
	position:absolute;
	right:0;
	top:0;
}

#header #header_sponsor a img {
	border-style:none;
}

/* navigation */

#nav {
	float:left;
	width:100%;
	background:#ddd url(../images/bg_nav.gif) repeat-x bottom;
	font:bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:normal;
	border-top: 1px solid #aaa;
	margin: 0;
	padding: 3px 0 0 0;
}
#nav ul {
    margin:0;
    padding:0;
    list-style:none;
}
#nav li {
	float: left;
    background:url("../images/tab_l.gif") no-repeat left top;
    margin:0 0 0 6px;
    padding:0;
	line-height: 1.2em;
    list-style:none;
}
#nav a { 
	float: left;
	display: block;  
    background:url("../images/tab_r.gif") no-repeat right top;
    padding:4px 6px 2px 6px;
/*	height: 2.5em; */
	color: #777;
	margin: 0;
	text-decoration: none;
}
  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#nav a {float:none;}
  /* End IE5-Mac hack */
#nav a:hover, #navlist a:active { color: #333; }
#nav a.active {
	font-weight: bold;
}
body#home li#homenav, 
body#event li#eventnav, 
body#learn li#learnnav, 
body#education li#educationnav, 
body#support li#supportnav, 
body#about li#aboutnav,
body#youth li#youthnav,
body#press li#pressnav,
body#tickets li#ticketsnav {
	background-image: url(../images/tab_l_mo.gif);
}

body#home li#homenav a,
body#event li#eventnav a, 
body#learn li#learnnav a, 
body#education li#educationnav a, 
body#support li#supportnav a, 
body#about li#aboutnav a,
body#youth li#youthnav a,
body#press li#pressnav a,
body#tickets li#ticketsnav a {
	background-image: url(../images/tab_r_mo.gif);
	padding-bottom: 3px;
	color: #000;
}

#secnav {
	clear: both;
	background: #fff;
	border-bottom: 1px solid #aaa;
	width: 100%;
	margin: 0;
	padding: 6px 0;
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height:normal;
}
#secnav ul {
    margin:0;
    padding:0;
    list-style:none;
	white-space: nowrap;
}
#secnav li {
	display: inline;
    margin:0;
    padding:0;
    list-style:none;
	}
#secnav a { 
    padding:0 10px;
	margin: 0;
}
#secnav a:hover, #secnavlist a:active { 
	color: #333; 
	text-decoration: none;
}
#secnav #current a{
    color: #000;
	text-decoration: none;
}
#homesecnav {
	clear: both;
	background: #fff;
	border-bottom: 1px solid #aaa;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 3px;
	overflow: hidden;
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div.floats span.left {
	float: left;
	text-align: left;
	width: 49%;
}
div.floats span.right {
	float: right;
	text-align: right;
	width: 49%;
}
div.pagenav {
	margin:1em 0;
	padding: 0;
} 
div.prevnextnav {
	border-top:1px solid #ccc;
	margin-top:2.5em;
	padding-top:.5em;
}
div.pagenav span.left, div.prevnextnav span.left {
  float: left;
  text-align: left;
  width: 57%; /* CLT 2010 04 29 changed from 52% */
}
div.pagenav span.left { margin-left:0; }
div.pagenav span.right, div.prevnextnav span.right {
  float: right;
  text-align: right;
  width: 40%; /* CLT 2010 04 29 changed from 45% */
}
div.pagenav span.right { margin-right: 0; }
div.pagenav span.left ul, div.pagenav span.right ul {
	margin: 0; 
	padding: 0;
	list-style: none;
}
#content div.pagenav ul, #content div.pagenav ul li {
	display: inline;
	margin: 0;
	padding:0;
}
span.left a, span.right a, span.left a:visited, span.right a:visited {
	color: #777;
}
span.left a:hover, span.right a:hover, div.pagenav li#cartnav a:hover {
	color: #444;
	text-decoration: none;
}
div.pagenav li#joinnav, div.pagenav li#cartnav, div.pagenav li#addthisnav { /* CLT 2010 04 29 Added li#addthisnav */
	padding-left: 16px !important;
}
div.pagenav li#contactnav a, div.pagenav li#joinnav a, div.pagenav li#friendnav a, div.pagenav li#cartnav a {
	background-position: left; 
	background-repeat: no-repeat;
	padding: 0 0 0 13px !important;	
	margin: 0;

}
div.pagenav li#contactnav a { background-image: url(../images/i_contact.gif); }
div.pagenav li#joinnav a { background-image: url(../images/i_join.gif); }
div.pagenav li#friendnav a { background-image: url(../images/i_friend.gif); }
div.pagenav li#cartnav a { background-image: url(../images/i_cart.gif);}
div.pagenav li#addthisnav a { background:transparent url(http://s7.addthis.com/static/t00/logo1414.gif) no-repeat 0 0; padding-left:17px; } /* CLT 2010 04 29 Added */
.spacer {
	clear: both;
	background: transparent;
	height:1px;
}

.at300bs { /* CLT 2010 04 29 Added */
	display:none !important;
}


/* content area */

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#main-body {clear:both;}
/* End IE5-Mac hack */

#main-body {
	background: url(../images/gradient_main.gif) repeat-x top left;
}
#content {
	float: right;
	margin: 0 0 4em 0;
	padding: 0 30px;
	width: 539px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 479px;
}
html>body #content { /* be nice to Opera */
	width: 479px;
}

#callouts {
	float: right;
	margin: 0 0 2em 20px;
	width: 157px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 137px; 
}
html>body #callouts { /* be nice to Opera */
	width: 137px;
}
#callouts a img {
	border: 1px solid #ddd;
}
#callouts a:hover img {
	border: 1px solid #999;
}

#evbrowse {
	float: right;
	background: #eee;
	margin: 0 0 1em 4em;
	padding: 10px;
	border: 1px solid #bbb;
	width: 160px; /* for IE5/Win */
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 138px;
}
html>body #evbrowse { /* be nice to Opera */
	width: 138px;
}
a img { border:0; }

/* lists */

#content ul {
	margin: 1em 0 1em 0;
	padding-left: 24px;
}
#content ul li {
	padding: 0 0 4px 21px;
	background: url(../img/li_box.gif) no-repeat 0 1px;
}
#content ol {
	margin: 1em 2em 1em 3em;
}
#content ol li {
	margin: 0 2em;
	padding: .5em 0;
}
#content dl dd {
	margin: 0;
	padding: 0 0 1em 0;
}
#content dl dt {
	font-weight: bold;
}
#content dl dt span {
	font-weight: normal;
}
#sidebar div#learnmore ul {
	list-style: none;
	margin: 0;
	padding: 0 4px;
}
#learnmore ul li {
	margin:0 0 1em;
	padding:0.6em 0 0 10px;
	background-image: url(/images/events/season0708/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 1em;	
}
#content div#learnmore ul {
	list-style: none;
	margin: 1em 0 0;
	padding: 0;
}

/* home page styles */

#content .hptable h3 {
	border-bottom:0;
	margin-bottom:0;
}
#hpfeature {
	background:#000;
	padding:20px 20px 10px 20px;
	margin-bottom:4px;
}
#hpoffer {
	clear:both;
	margin-top:2em;
}
#hpfeature h1, #hpfeature h1 a, #hpfeature h1 a:link, #hpfeature h1 a:visited, #hpfeature p.first {
	color:#fff;
}

#home #hpfeature h1,
#home #hpfeature p.first {
	background:transparent;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:normal;
	text-transform:none;
}

#hpfeature h1,
#landingfeature h1 {
	margin:0 0 .25em;
	font-size:2.75em;
}
#hpfeature p {
	color:#fff;
	margin-bottom:0;
}
#hpfeature h1 a:hover {
	text-decoration: none;
	border-bottom:1px solid #fff;
}
#hpfeature p.first,
#landingfeature p.first {
	font-size:1.5em;
	line-height:1.3em;
}
#hpoffer #hpofferLeft {
	clear:left;
	width:245px;
	float:left;
	margin-right:5px;  /* This is for you, Opera... */
}
#hpfeature #hptickets,
#hpoffer #hpofferRight {
	width:200px;
	float:right;
	position:relative;
}
#hpoffer #hpofferLeft { width:220px; }
#hpoffer #hpofferRight { width:225px; }
/* #hpoffer .thumbfloat { margin-top:1em; clear:left; } */
#hpoffer .list_event { margin:.5em 0; padding-bottom:.25em; border-bottom:1px solid #bbb; }
.hptable td {
	margin-right:1.5em;
}
img.hpfeatureimg {
	display:block;
/*	float:left; */
	width:120px; /* 120px for most concerts; 167px for two-person concerts */
	height:109px;
	margin:0 10px 10px 0;
	background:#fff;
}
p.hpsponsors {
 margin-top: 2em; 
 padding-top:1em;
 border-top: 1px solid #ccc; 
}

/* home page feature box */

.surprise {
	background:#000;
	padding:20px;
	margin-bottom:4px;
}
.surprise h1 {
	color:#fff !important;
	background:transparent;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:normal;
	text-transform:none;
}
.surprise h1 {
	margin:0 0 .25em;
	font-size:2.75em;
}

.surprise p {
	color:#ccc;
	margin-bottom:.5em;
}
.surprise #hpdatetime,
.surprise #hptickets {
	color:#fff;
}

/* event page layout */

div#concertname {
	padding:1em 0;
}

#eventwrapper, #ticketwrapper {
	float:right;
}

#ticketwrapper {
	margin-top:2em;
}
#evdescwrap {
	width:220px;
	float:left;
	margin-right:20px;  /* This is for you, Opera...though I don't understand what about 'left' is so difficult to get... */
}

#evdetailswrap {
	width:239px;
	float:right;
	position:relative;
	margin-top:0;
}

#subSpecialInfo {
	background:#ffe;
	border: 1px solid #bbb;
	padding: 1em 1em 0;
}

#ticket_subs {
	width:230px;
	float:left;
	margin-right:20px;  /* This is for you, Opera...though I don't understand what about 'left' is so difficult to get... */
}
#ticket_single {
	width:229px;
	float:right;
	position:relative;
	margin-top:0;
}
#ticketwrapper h4 {
	margin-bottom:.75em;
}
#ticketwrapper ul {
	margin-top:.5em !important;
}
#ticketwrapper ul li {
	margin:0 0 .5em;
	padding:0;
}
div.packageSponsors {
	float:right;
	width:200px;
	text-align:center;
	padding-bottom:1em;
}
#sidebar div.packageSponsors {
	float:none;
	width:auto;
	text-align:left;
	padding-top:1.5em;
}

/* sidebar */

#sidebar {
	position: relative;
	margin: 0 539px 0 0;
	padding: 12px 8px 0 9px;
	color: #222;
	background: url(../images/gradient_sidebar.gif) top left repeat-x;
}

#concertnav p, #concertnav form {
	margin: 0;
}

/* sidebar fonts */
#sidebar h3 {
	border:0;
	color: #000;
	margin:1em 0 0;
	padding: 0 0 2px 0;
}
#sidebar p {
	margin:0 0 1em 0;
}
#sidebar ul {
	margin:1em 0;
	padding:0;
}
#sidebar li {
	list-style:none;
	margin: 0 0 .5em;
	padding: 0;
}
#sidebar dl, #sidebar dt, #sidebar dd {
	margin: 0;
	padding: 0;
}
#sidebar dl {
	margin-bottom:1em;
}
#sidebar dt {
	text-transform: uppercase;
	margin-bottom:0;
}
#sidebar li.active a:link, #sidebar li.active a:visited {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

/* footer */

#footer {
	position: relative;
	clear: both;
	margin: 50px 30px 0 251px;
	padding: 0 0 1.5em 0;
	color: #666;
	border-top: 1px solid #ccc;
}
#footer p {
	margin: 0;
	padding: 8px 0 0 0;
}
/* Fixes float escaping bug in IE/Win, hides from IE Mac \*/
* html #footer p { height: 1%; }
/* End hide from IE Mac */
#footer a {
	color: #000;
}
#footer a:hover {
	color: #666;
}

/* forms */

.order {
	margin: 1em 3em;
}
.order span {
	margin: .3em;
}
.order select {
	margin-bottom: -.1em;
}
.order input {
	margin-top: 1em;
}
.orderrow {
	padding-bottom: .4em;
}
#content form {
	margin: 1em 0;
}
div.sublist form.order {
	margin: 0;
	padding: 0 4em 1em;
	border-bottom: 1px solid #bbb;
}
div.sublist div.order
{
	margin: 0;
	padding: 0 4em 1em;
	border-bottom: 1px solid #bbb;
}
#cart {
	margin-top: 2em;
}
select, input {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	background: #fff;
}
select {
	margin-bottom: 4px;
}
select.side {
	width: 185px;
}
input.text, input.searchbox {
	background: #fff;
	border: 1px solid #999;
	color: #666;
}
input.button, a.buttonlink, a.buttonlink:visited {
	background: #777;	
	border: 1px solid #999;
	color: #fff;	
	cursor: pointer;
	font-family:Verdana, Arial, sans-serif;
	padding: 0;
	text-transform: uppercase;
}
a.buttonlink, a.buttonlink:visited, a.buttonlink:hover { padding: 3px; margin: 5px 0; text-decoration: none; }
input.button:hover, a.buttonlink:hover {
	background: #ccc;
	color: #666;
	cursor: pointer;
}
.fir {
  background-color:#fff;
  background-repeat:no-repeat;
  background-position:0 0;
  height:1px;
  overflow:hidden; 
  padding-bottom:0;
}
html #home a#buttonBuyTix {
	display: block;
  background-image:url(/images/buytickets.gif);
  width: 120px;
  padding-top:32px;
}
html #home a#buttonBuyTix:hover {
  background-position: 0 -32px;
}

html #home h2#venueChange a {
	display: block;
	background:url(/images/events/season0708/venuechange.gif) 0 0;
	width:479px;
	padding-top:40px;
}
html #home h2#venueChange a:hover  {
	background-position: 0 -40px;
}
h2#venueChange {
	margin-bottom:3px;
}

input.buybutton {
	background: #eee;
	color: #000;
	border: 1px solid #aaa;
	text-transform: uppercase;
	padding: 0;
}
#evbrowse select {
	width: 130px;
}

/* photos */

div.photohomefloat {
    float: left;
	margin: 0;
	background: #fff;
} 
div.photofloat {
	background: transparent;
	margin:0;
	padding: 0;
	border:0;
	float:none;
}
div.photohomefloat {
	padding: 15px 15px 10px 0;
	width:165px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:150px;
}
img#photo {
	padding: 10px;
	border: 1px solid #ccc;
}
div.thumbfloat {
	float: left;
	margin: 4px 5px 0 0;
	padding: 1px;
}
div.eventhome .thumbfloat,
div.eventhome .thumbfloat:hover {
	border: none;
}

/* tables */

table, tr, th, td {
	margin: 0 0 1em;
	padding: 0;
	border: 0;
	vertical-align: top;
}
#cartcontents td {
	border-bottom: 1px solid #bbb;
}
#cartcontents th {
	background: #ddd;
}
th, td {
	padding: 3px;
} 
#cart td.cartleftcol {
	font-weight: bold;
	background: #eee;
	border-bottom: none;
}
td.total {
	text-align: right;
}
td.total, td.totalprice {
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: none;
}	

/* misc */

.right {
	text-align: right;
	margin-bottom: 1em;
}

.hide { display: none; }
p.ahem {display: none;}
.eventhome {
	clear: left;
	margin-bottom: 2em;
}
.eventdetails {
/*	padding:.36em 0 .36em; */
}
p.sponsors {
	margin:.85em 0;
}
#main-body p.sponsors a {
	border: none;
}
.sponsors img { padding-top: .5em; }
.evdate, .evtime { 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size:1.54em; /*17px*/
	line-height:1.4em; /*24px*/
}
.evvenue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.27em; /*14px*/
}
.evvenue .evmap {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.785em;
}
.evintro, .subintro, .evdesc, .notes {
	clear: left;
}
.evintro {
	padding-bottom: 3em;
}
.notes {
	padding-bottom: 1em;
	margin: 2em 0;
	border-bottom: 1px solid #bbb;
}
p.back, p.viewall {
	margin-top: 0.5em;
}
.back a {
	padding:0 0 0 13px;
	background-image: url(../images/i_arrow_l.gif);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}
#content div#ordernow {
	margin: 1em 30px;
	border: 1px solid #bbb;
	padding: 10px;
	clear: right;
}
#content div#learnmore,
#content div#programme {
	border:none;
/*	clear:both;
	float:left; */
	padding:0;
	width:inherit;
	margin:1em 0;
}

#content div#learnmore img {
	margin-right: .5em;
}
#content div#learnmore p {
	margin-top: .5em;
}
#content div#ordernow {
	background: #eee;
	margin-left: 2em;
}
/*#sidebar div#learnmore {
	margin:0;
	padding: 0;
	border: none;
}*/
#learnmore h3, #ordernow h3, #programme h3 {
	margin: 0;
	padding: 0;
}
#learnmore h3, #programme h3 {
	border: none;
	margin-bottom:0;
}
#programme h3.proghead {
	margin-bottom:1em;
}
#ordernow h3 {
	border-bottom: 1px solid #bbb;
}
#programme p {
	margin:1em 0 0;
}
.comp {
	font-weight: bold;
	margin-right: 0.5em;
}
p.rec_event {
	padding-bottom: 1em;
}
#evbrowse h4 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 11px;
}
strong,
.list_evtitle{
	font-weight: bold;
}
.sortlist {
	margin-top: 1em;
}
.clear {
	clear:both;
	height:1%;
}
.error {
	color: #00f;
}
span.debut {
	display: block;
}
.debut {
	color: #777;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	text-align: left; 
	padding-bottom: .25em;
}
.sans{
		font-size : 11px; 
		font-family : verdana, arial, helvetica, sans-serif;
}

.list_evtitle {
	font: 1.3em Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}
.evtalk {
	font-style: italic;
	font-weight:normal;
}
#secsponsors {
	clear:left;
	margin-top:1em;
}

#leftcol, #rightcol{
	width: 225px;
	padding: 10px 5px 10px 5px;
}

#leftcol{
	float: left;
}
#rightcol{
	float: right;;
}

#wimpy-player #wimpy-button {
	padding-right:5px;
	vertical-align: bottom;
}

#wimpy-player a {
	padding-left:5px;
}

#audio-plauer ul li {
	background:#efefef;
}

#audio-player ul li img {
	vertical-align:middle;
}

#jplayer_controller {
	float:left; padding-right:4px;
}

#jplayer_track-info {
	padding-left:4px;
}

#vimeo {
	padding:4px 0;
}