/* Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0;}
/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size:100%;}
/* Remove list-styles from lists */
ol, ul {list-style:none;}
/* Normalize font-style andfont-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;}
/* Remove list-style from lists */
table {
	border-collapse:collapse;	
	border-spacing:0;}
td {padding-right:12px;}
/* Remove border from fieldset and img */
fieldset, img {border:0;}
/* Left-align textin caption and th */
caption, th {text-align:left;}
/* Remove quotation marks from q */
q:before, q:after {content:'';}
	
	
	
/*----------------------------------------------------------------*/


h1 {text-indent:-9999px;}
h2 {
	position:absolute;
	height:300px;
	width:300px;
	left:-9999px;}
/*-----------------*/
h3 {
	text-indent:-9999px;
	height:46px;
	width:600px;
	margin-left:-28px;
	display:block;}
html#dire h3, html#perf h3{margin-left:171px;}
html#perf h3#alsofeaturing{margin-left:-18px;}
html#dire h3#board {margin-left:-28px;}
html#pass h3{
	margin-left:-20px;
	width:860px;
	margin-bottom:1em;}
html#spon h3 {
	margin-left:-14px;
	margin-bottom:1em;}
/*-----------------*/
h4 {
	font-size:13px;
	color:#666;
	line-height:1.3em;
	padding:0 1em;}


html {text-align:center;}

body {
	width:918px;
	margin:2em auto 3em auto;
	text-align:left;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.5em;
	}
#masthead, #content {
	position:relative;
	width:900px;
	top:0;
	margin:0;
	}
#masthead {
	height:132px;
	text-indent:-9999px;}

#branding a {
	position:relative;
	height:100px;
	width:625px;
	display:block;}

#columnwide, #columnwide01, #columnwide02, #columnwide03, #columnwide04, #columnwide05, #columnwide06, #columnwide07, #columnwide08, 
#columnwide09, #columnwide10, #columnwide11, #columnwide12, #columnwide13, #columnwide14, #columnwide15, #columnwide16, #columnwide17, #columnwide18 {
	float:left;
	margin:20px;
	margin-right:0;
	height:171px;
	width:860px;
	position:relative;
}


.columnboth, 
.columnboth01, 
.columnboth02, 
.columnboth03, 
.columnboth04, 
.columnboth05 {
	float:left;
	width:790px;
	padding:20px;
	padding-bottom:30px;
	position:relative;
	line-height:1.5em;
	margin:0 0 20px 20px;
	-webkit-box-shadow:  3px  3px  3px rgba(0, 0, 0, .1);
	-moz-box-shadow:  3px  3px  3px rgba(0, 0, 0, .1);
	box-shadow:  3px  3px  3px rgba(0, 0, 0, .1);
	padding:30px 40px;
	padding-left:30px;}
	
.columnboth ul, 
.columnboth01 ul, 
.columnboth02 ul, 
.columnboth03 ul, 
.columnboth04 ul, 
.columnboth05 ul{
	margin-bottom:2em;
	}
	
html#spon .columnboth ul h3,
html#spon .columnboth01 ul h3, 
html#spon .columnboth02 ul h3, 
html#spon .columnboth03 ul h3, 
html#spon .columnboth04 ul h3, 
html#spon .columnboth05 ul h3 {margin-bottom:-.5em;}

.column1 {
	position:relative;
	margin-left:20px;
	float:left;
	width:260px;
	margin-bottom:20px;
}
.column1 img{
	margin:0; padding:0;
	margin-bottom:30px;
	}
html#home .column1 img {margin-bottom:15px;}

.column1 a:link.review img, .column1 a:visited.review img {
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;}
.column1 a:hover.review img, .column1 a:active.review img {
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .25);
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .25);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .25);}
	
.column2 {
	position:relative;
	float:left;
	margin-left:20px;
	padding:30px 40px;
	width:498px;
	margin-bottom:20px;
	-webkit-box-shadow:  3px  3px  3px rgba(0, 0, 0, .1);
	-moz-box-shadow:  3px  3px  3px rgba(0, 0, 0, .1);
	box-shadow:  3px  3px  3px rgba(0, 0, 0, .1);
}
html#oper .column2 ul li {margin-bottom:2em;}


.columnboth img, 
.columnboth01 img, 
.columnboth02 img, 
.columnboth03 img, 
.columnboth04 img, 
.columnboth05 img {
	float:left; 
	margin:0 2em 1em 0;
	z-index:100;}
	
.columnboth ul li, 
.columnboth01 ul li, 
.columnboth02 ul li, 
.columnboth03 ul li, 
.columnboth04 ul li, 
.columnboth05 ul li {
	line-height:2em; 
	font-size:.9em;}
	
.roles, .performers, .titles, .moretitles {
	float:left;
	margin-right:2em;
	width:200px;
	}
.titles, .moretitles {font-weight:bold;}
.titles{width:250px;}
.moretitles {width:400px;}
.performers li.chorus {
	width:400px;
	}
.chor {margin-bottom:0;}

html#supp .columnboth .please, 
html#supp .columnboth01 .please, 
html#supp .columnboth02 .please, 
html#supp .columnboth03 .please, 
html#supp .columnboth04 .please, 
html#supp .columnboth05 .please {margin-left:274px;}

.performers{font-weight:bold;}
html#dire .roles{width:90px;}
html#dire .performers{width:110px;}

ul#bigboys li{
	display:block;
	margin-bottom:1em;
	height:140px;
	line-height:1.5em;
	font-size:1em;
	padding:2em 2em 0 0;
	}
ul#bigboys li img{
	margin-top:-2em;}
#footernav{
	width:100%;
	height:34px;
	clear:both;
	text-indent:-9999px;}
	
.caption {
	position:relative;
	margin-top:-2em;
	text-align:right;
	padding-right:1em;
	padding-bottom:1em;}
	
/* ----- MAIN NAVIGATION ----- */

#navigation, #footernav {
	width:900px;
	height:32px;}
	
#navigation ul, #footernav ul {height:32px;}
#navigation ul li, #footernav ul li {float:left;}

#navigation ul li#opera {width:116px;}
#navigation ul li#perform {width:119px;}
#navigation ul li#direct {width:102px;}
#navigation ul li#time {width:121px;}
#navigation ul li#sponsor {width:99px;}
#navigation ul li#past {width:131px;}
#navigation ul li#support {width:202px;}

#footernav ul li#operafoot {width:105px;}
#footernav ul li#performfoot {width:102px;}
#footernav ul li#directfoot {width:88px;}
#footernav ul li#timefoot {width:105px;}
#footernav ul li#sponsorfoot {width:87px;}
#footernav ul li#pastfoot {width:113px;}
#footernav ul li#supportfoot {width:158px;}
#footernav ul li#designfoot {width:132px;}

#navigation ul li a, #footernav ul li a {
	position:relative;
	display:block;
	height:32px;
	}
.columnsboth {position:relative;}

#pics{
	position:absolute;
	top:4px;
	right:0;
	width:145px;
	height:52px;
	}
#pics a:link img, #pics a:visited img {border-top:3px solid #999;border-bottom:3px solid #999;}
#pics a:hover img, #pics a:active img {border-top:3px solid #332a19;border-bottom:3px solid #332a19;}

#donate{position:relative;}
#paypal {float:left;}

ul li.columnboth h3#comingsoon,
ul li.columnboth01 h3#comingsoon,
ul li.columnboth02 h3#comingsoon,
ul li.columnboth03 h3#comingsoon,
ul li.columnboth04 h3#comingsoon,
ul li.columnboth05 h3#comingsoon {margin-left:-20px;}

html#venu h4, html#supp h4 {padding-left:0;}

.labeled {position:relative;}

.label {
	position:absolute; 
	background-color:#fff;
	padding:0em .5em;
	bottom:10px;
	right:0;
	color:#666;
	font-size:11px;
	padding-left:.75em;
	
	}
html#home h4 {margin:0;padding:0;}
html#home .column2 img {float:left;margin-right:2em;margin-bottom:3em;}