/* @override http://pov.bc.ca/web-2009/css/screen.css */

/*	Desc: Pacific Opera Victoria Screen Style Sheet
	Author: Jim Olson for Zero One Design
	Date: January 4, 2008
	
=== === === === === === === === === === */


/*=STRUCTURE
=== === === === === === === === === === */

#loginForm td {text-align:left !important; padding:0 0 0.5em 0;}
#loginForm input {margin-right:5px;}

@import 'reset.css';

body {
	text-align: center;
	background-color: #333;
	font: .8em Arial, Helvetica, Geneva, sans-serif;
}

div#WrapOuter {
	width: 1010px;
	margin-left:auto;
	margin-right:auto;
}

div#WrapInner {
	width: 1010px;
	margin: auto;
	background-color: #f4f4f4;
	float: left;
}

div#PageWrapper {
	width: 1010px;
	min-height:1013px;
	height:auto !important;
	height:1013px;
	background: #f4f4f4 url(../images/bg.gif) repeat-x;
	text-align: left;
}

div#MastheadImage {
	position:relative;
	/*background: url(../images/hero-images/subhero1.jpg) no-repeat 0 29px;*/
}

#MastheadImage h2{position:absolute; top:103px; left:145px; color:#ffffff; z-index:1000; font-size:26px;}

div#MastheadImage img {
	position:absolute;
	z-index:1;
	top:29px;
	left:0;	
}

div#ImageCredit {
	width: 340px;
	float: right;
	margin-top: 10px;
	margin-right: 81px;
	font-size: 9px;
	font-style: italic;
	color: #5a5a5a;
	text-align:right;
}

div#MetaNav {
	float: right;
	line-height: 30px;
	margin-right: 25px;
}

div#POVlogo {
	margin-left: 25px;
}

div#POVlogo img {
	position:relative;
	z-index:2;
	top:0;
}

div#PageContent {
	float: left;
	width: 753px;
	background: #fff url(../images/extraColumn-bg.png) no-repeat 625px 65px;
	margin-left: 25px;
	padding: 50px 30px 40px;
	min-height:375px;
}

div#MainColumn {
	width: 506px;
	float: left;
	padding-right: 40px;
}

#contentFull {width: 730px; float: left; padding-right: 40px; }
#contentFull h2 {font-size: 25px; margin-bottom: 12px; margin-top: 20px;}

#MainColumn h2 {
	font-size: 1.5em;
	margin-bottom: 12px;
	margin-top: 20px;
}

#MainColumn h2.operaTitle {font-size:1.5em !important; font-weight:bold !important;  line-height: 125%}

#MainColumn .smallnote {font-size: 0.9em; line-height: 140%}

#MainColumn h3 {font-size:1.3em !important; font-weight:bold !important;  line-height: 125%}

#MainColumn h4 {font-size:1.1em !important; font-weight:bold !important;  line-height: 125%}

#MainColumn .imager {float:right !important; margin-left:10px; margin-top:10px; margin-bottom:10px;}

#MainColumn .imagel {float:left !important; margin-right:10px; margin-bottom:27px;}

span.ProductionTitle {
	font-size: 25px;
}

div#ExtraColumn {
	width: 166px;
	float: right;
	margin-top: 53px;
	font-size: 0.85em;
	position:relative;
	right:18px;

}
#ExtraColumn h4 {font-size:1.1em !important; font-weight:bold !important;  line-height: 165%}

#ExtraColumn h3 {font-size:1.35em !important; font-weight:bold !important;  line-height: 145%}

#ExtraColumn h2 {font-size:1.75em !important; font-weight:bold !important;  line-height: 145%}

#ExtraColumn .smallnote {font-size:.9em; line-height: 140%}

div#ExtraColumn ul,
div#ExtraColumn ul li {
	padding-bottom: 3px;
	line-height: 120%;
}

div#ExtraColumn h3 {
	font-size: 1.45em;
}

.donateButton { margin-left:-15px;}


/*=COMMON
=== === === === === === === === === === */

* {
	padding: 0;
	margin: 0
}

p,

li {
	line-height: 150%
}

p {
	margin-bottom: 12px!important;
}

#masthead h1 {

}

a {
		color: #4181ae;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h2 a,
h3 a {
	color: #324F73;
}

#MainColumn h2 {
	font-size: 25px !important;
}	

div.More {
	padding-bottom: 5px;
}

div.More a {
	color: #29ABE2;
	padding-left: 8px;
}

object {
	float: left;
}

.quoteBackground{background-color:#F1F1F1; padding:5px;}


div.line {
	font-size: 0;
	border: 0;
	border-bottom: 1px #333 dotted;
	margin-bottom: 12px;
}

.ital, em {font-style:italic !important;}

strong {font-weight:bold !important;}

h3{font-size:1.1em !important; font-weight:bold !important; margin-bottom:5px!important;}
.listing{font-weight:bold !important; color: #4181ae;}
.venue {font-weight:bold !important; color: #4181ae; margin-left:5px;}
.date {margin-left:5px; letter-spacing:1px; font-weight:bold;}
#loginForm {padding-top:25px; width:300px;}

#PageContent {position:relative;}
#text-size {position:absolute; font-size:18px !important; top:-30px; right: 25px;}
#text-size a {text-decoration:none; margin:0 5px; color:#B6B6B6;text-align:center; display:block; float:left; font-family:verdana; text-transform:lowercase; font-weight:bold;}

.breadcrumb {margin:0 0 20px 0}

/*=NAVIGATION & SEARCH
=== === === === === === === === === === */

#MainNav { 
    width: 85px;
	font-weight: bold;
	float: left;
	margin-left: 25px;
	font-size: 11px;
	height: 430px;
	padding-left: 11px;
	padding-top: 72px;
	background: url(../images/nav-bottom.gif) no-repeat;
}

#MainNav ul {
	margin:0;
}

#MainNav ul li {
	list-style:none;
}	 	

#MainNav li a {
	display: block;
	margin-bottom: 10px;
	color: white;
}

#Meta {
	width: 700px;
	height: 17px;
	float: right;
	margin-top: 20px;
}

#MetaNav {
	width: 660px;
	float: right;
}

#MetaNav ul {
	margin:0;
	width: 300px;
	float: right;
	margin-right: 11px;
	text-align: right;
}

#Search input.form-text {
	height: 11px;
	width: 145px;
	border: 0px;
	background: #fff;
	font-size: 11px;
	color: #767676;
	line-height: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

input#edit-submit.form-submit {
	background: none;
	border: 0;
	padding-left: 10px;
	font: 10px/10px Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	text-transform: uppercase;
	cursor:pointer;
}

div#Search {
	float: right;
}

#MetaNav ul li {
	list-style:none;
	color: #666;
	margin-right: 4px;
	display: inline; line-height:30px;
}

#MetaNav ul li a {
	color: #333;
	text-transform: uppercase;
	font-size: 10px;
}

div#Tabs {
	width: 570px;
	float: left;
	margin-left: 25px;
	margin-top: 25px;
}

#Tabs ul {
	width: 753px;
	margin:0;
}

#Tabs ul li {
	list-style:none;
	float:left;
	display:block;
	margin:0 3px 0 0;
}

#Tabs ul li a {
	padding: 5px 10px 4px 7px;
	background-image: url(../images/tab-bg.gif);
	height: 22px;
	line-height: 22px;
	color: white;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
	white-space: nowrap;
}

#Tabs ul li a:hover {background-color: none;}
#Tabs ul li.Active a {
	color: #333;
	background-image: none;
	background-color: #fff;
	border-bottom: 1px #fff solid;
}

div#SubNav {
	margin-bottom: 40px;
	font-size: 1em;
}

#SubNav h3 { font-size: 1.25em !important;}

div#SubNav ul {
	margin:0;
}

div#SubNav li {
	list-style:none;
}



#SubNav .icon {float:left !important; margin-right:10px; margin-bottom:7px;}
	

/*=FOOTER
=== === === === === === === === === === */

div#Footer {
	width: 765px;
	line-height: 16px;
	float: left;
	font-size: 9px;
	margin-left: 175px;
	margin-top: 7px;
	margin-bottom: 7px;
	text-transform: uppercase;
}

div #Footer a {
	color: #666;
}

div#FooterInfo {
	float: left;
}

div#FooterMetaNav {
	text-align: right;
	width: 125px;
	float: left;
}

#FooterMetaNav ul {
	margin:0;
}	

#FooterMetaNav ul li {
	list-style:none;
	display: inline;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
 p.littleText {font-size:.8em; line-height: 115%}
 table {
	border-collapse:collapse;
	border-spacing:0;
	margin:0 0 1em 0;
	width:100%;
}
td {
	text-align:center; 
	padding:2px 5px;
}

td span{
	font-weight:bold !important;}

th {
	background:#f1f1f1; 
	font-weight:bold !important;
	padding:5px;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}

ul li {
	list-style:disc;
}

ul,ol {
	margin:0 0 1em 2em;
}

caption,th {
	text-align:left;
}
h1,h2,h3,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
#ticketForm ol {color:#BB0000;}
#ticketForm {margin:1.4em 0;}
#ticketForm label {}
#ticketForm input, #ticketForm textarea, #ticketForm select {width:250px; margin-right:5px;}
#ticketForm textarea {height:150px;}
#ticketForm input.submit {}

span.red {color:#BB0000;}
span.green {color:#006600;}
span.orange {color:#d9591e;}


#ticketForm fieldset { margin-bottom: 10px; }
	
#ticketForm legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
#ticketForm label {
	display: inline-block;	
	vertical-align: top;
	font-weight:bold;
	color:#000000;
	}
	
#ticketForm fieldset ol {
	margin: 0 !important;
	padding: 0;
	}
	
#ticketForm fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	border-bottom: 1px solid #ddd;

	}
	
#ticketForm fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
#ticketForm fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
#ticketForm fieldset fieldset label {
	display: block;
	width: auto;
	}

#ticketForm em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

#ticketForm label { width: 180px; } /* Width of labels */
#ticketForm fieldset fieldset label { margin-left: 183px; } /* Width plus 3 (html space) */

#ticketForm fieldset li.submit {border-bottom:none; }
#ticketForm fieldset li.submit input {width:150px;}

/*\*//*/ #ticketForm legend { display: inline-block; } /* IE Mac legend fix */

/*Donation Form */
#donationForm ol {color:#000000;}
#donationForm {margin:1.4em 0;}
#donationForm label {}
/*#donationForm input, #ticketForm select {width:250px; margin-right:5px;}*/
#donationForm p input { width:50px;}
#donationForm input.submit {}
#donationForm p{margin-left:52px;}
#donationForm p.littleText{margin-left:35px !important; font-size:12px;}
#donationForm h3{display:inline-block;}
#donationForm .subLabel{margin-left:183px;}
#donationForm h3.forceLarge{font-size:15px;}
span.red {color:#BB0000;}
span.green {color:#006600;}
#donationForm input.cc{width:200px;} 
#donationForm fieldset { margin-bottom: 10px; }
#donationForm span {font-size:0.75em; font-weight:normal;}

/*table styling for subscription form */

#donationForm td {border: solid 1px #F1F1F1; text-align:left; padding-left:2px;}
.step3 td {text-align:right !important; padding-right: 5px; min-width:110px;}

/*table styling for subscriptions page */
.subscribeTable td {border: solid 1px #F1F1F1; text-align:left; padding-left:2px;}
.subscribeTable h3.forceLarge {font-size:15px;}

h3.forceLarge {font-size:15px; font-weight:bold !important;}

	
#donationForm legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
#donationForm label {
	display: inline-block;	
	vertical-align: top;
	font-weight:bold;
	color:#000000;
	}
	
#donationForm fieldset ol {
	margin: 0 !important;
	padding: 0;
	}
	
#donationForm fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	border-bottom: 1px solid #ddd;

	}
	
#donationForm fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
#donationForm fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
#donationForm fieldset fieldset label {
	display: block;
	width: auto;
	}

#donationForm em {
	
	font-style: normal;
	color: #000000;
	}

#donationForm label { width: 180px; } /* Width of labels */
#donationForm fieldset fieldset label { margin-left: 183px; } /* Width plus 3 (html space) */

#donationForm fieldset li.submit {border-bottom:none; }
#donationForm fieldset li.submit input {width:150px;}



/*Event Form Styling */
#eventForm {margin:1.4em 0;}
#eventForm p {padding-top:5px;}
#eventForm input, #eventForm textarea, #eventForm select {width:250px; margin-right:5px;}
#Create1_btnSave, #Create1_btnDelete{width:80px !important;}
#eventForm a{display:block; padding-top:10px;}
/*#eventForm textarea {height:150px;}*/
#eventForm td label{width:85px !important; text-align:left;}


span.red {color:#BB0000;}
span.green {color:#006600;}

#eventForm fieldset { margin-bottom: 10px; }
	
#eventForm legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
#eventForm label {
	display: inline-block;	
	vertical-align: top;
	font-weight:bold;
	color:#000000;
	}
	
#eventForm fieldset ol {
	margin: 0 !important;
	padding: 0;
	}
	
#eventForm fieldset li {
	list-style: none;
	padding: 10px;
	margin: 0;
	border-bottom: 1px solid #ddd;

	}
	
#eventForm fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
#eventForm fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
#eventForm fieldset fieldset label {
	display: block;
	width: auto;
	}

#eventForm em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

#eventForm label { width: 180px; } /* Width of labels */
#eventForm fieldset fieldset label { margin-left: 183px; } /* Width plus 3 (html space) */

#eventForm fieldset li.submit {border-bottom:none; }
#eventForm fieldset li.submit input {width:100px;}

/*Calendar Markup Styling */

/*#calendar td {text-align:left; width:100px;}*/
#calendar {overflow:visible;}
#calendar thead {background-color:#B6B7B8 !important;}
#calendar tbody {background-color:#F1F1F1;}
#calendar td {width:75px; height:75px; vertical-align:top; text-align:left; padding:5px;}
#calendar td a {font-size:0.95em;}

.calendarText {text-align:right;}
.containerBox {border-bottom: solid 1px #F1F1F1; padding-bottom: 25px;}
.event{background-color:#F1F1F1; margin:5px 0 10px 0; padding:10px;}





/*message-board form styling */
#messagePost {margin-left:-35px; width:150px;}
#messagePost li{margin-bottom:10px;}
#messagePost label {font-weight:bold; display: inline-block; vertical-align: top; margin-right:5px;}
#messagePost input {width:134px;}
#messagePost input.file {width:100px !important;}