/* CSS Document */

body {
	font: 78%/1.5 arial, helvetica, serif;
	background: #FF0000 url(../images/background_textures.gif);
	/*text-align: center;*/
	}
	/*Container for all Content*/
#wrapper {
	border-color: #000000;
	border-width:1px;
	border-style:solid;
	margin: 20px auto 20px auto;
	width: 760px;
	background:#000000;
	}
	
/*Container for the Navigation*/
#menuNavigation{
	border:#FFFFFF solid;
	border-width: 0px 0px 0px 0px;
	height:2.2em;
	z-index:10;
	}
	
/*Main Container for the Center Content*/	
#mainContainer{
	background:#000000;
	color: #FFFFFF;
	width:100%;
}

/*Container for the Header*/
#upperBanner{
	margin:2px 2px 2px 2px;
	background:#000000;
	color:#FFFFFF;
	width:100%;
	}
/*Container for the Logo*/
#logoText{
	float:left;
	font-size:28px;
	font-family:"Futura Lt BT", Arial;
	font-weight:600;
	line-height:26px;
	padding-left:.25em;
	text-transform:uppercase;
	}
/*Colors text red, used for specifying special red text*/
.redLetter{
	color:#FF0000;
	}	
/*Small Capital Letters*/
.smallCaps{
font-variant:small-caps;
}

/*Capital Letters*/
.allCaps{
	text-transform:uppercase;
	}
	
/*Right Side container used for the header*/
.rightSideBanner{
	float:right;
	margin-right:10px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
}
	
.rightSideBanner a{
	color:#ffffff;
	border:#ffffff solid 1px;
	text-decoration:none;
	padding: 1px 10px 1px 10px;
	font-size:14px;
	font-weight:600;
	}
	
.rightSideBanner a:hover{
	background-color:#000000;
	color:#ff0000;
	border-color:#ff0000;
	padding: 1px 10px 1px 10px;
	font-size:14px;
	}
/*End Right Side Container*/

/*Container for content area*/
#mainBody{
	clear:both;
	width:100%;
	background-color:#f5f5f5;
}

/*Content Area Non-HomePage Navigation*/
#subpageNavigation{
float:left;
width:210px;
height:450px;
padding:5px 0px 5px 0px;
border-right:1px solid #000000;
background-color:#ffffff;
color:#000000;
}

#subpageNavigation ul li{
	text-transform:uppercase;
	list-style:none;
	}

#subpageNavigation ul li ul li{
	text-transform:none;
	color:#000000;
	list-style-type:circle;
	list-style-image: url(../images/listimage.gif);
	}
#subpageNavigation ul li ul li:hover{
	color:#FF0000;
	list-style-image:url(../images/listimagered.gif);
	}

#subpageNavigation a {
	text-decoration:underline;
	}

#subpageNavigation a:hover{
	color:#FF0000;
	text-decoration:underline;
	}
#subpageNavigation a:visited{

}

.smallHeadingSpacing {
	margin:1px;
	}

.smallHeadingSpacing h3{
	padding:1px;
	margin:1px;
	}
.smallHeadingSpacing h4{
	padding:1px;
	margin:1px;
	font-size:14px;
	}
.smallHeadingSpacing h5{
	padding:1px;
	margin:1px;
	font-size:12px;
	}
.smallHeadingSpacing h6{
	padding:1px;
	margin:1px;
	font-size:10px;
	}

.nonActivePage{
	}

.activePage{
	color:#FF0000;
}


/*Highlights Area in Subpage Navigation*/
.grayBox{
	background:#999999;
	color:#000000;
	width:150px;
	text-align:center;
	margin: 25px 25px 25px 25px;
	padding: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	}

/*Content Area Non-HomePage information detail*/
#contentTextArea{
	position:relative;
	float:right;
	height:450px;
	padding:5px 5px 5px 4px;
	width:540px;
	background-color:#ffffff;
	z-index:0;
	color: #000000;
	overflow: auto;
}
/*Creates a list without markings*/
.noBullets{
	padding:0;
	margin:0;
	}
	
.noBullets li{
	list-style:none;
	padding:0;
	}

/*Creates an inline table with no markings*/
.inlineTable{
	padding:0;
	margin:0;
	}
	
.inlineTable li{
	display:inline;
	list-style:none;
	padding:0;
	width:20px;
	}

/*announceBar used for important Announcement*/
#announceBar{
background-color:#FF0000;
clear:both;
height:30px;
border:solid 2px #FFFFFF;
}
#announceBar H3{
font-size:18px;
border:none;
margin:0;
}
#announceBar H3:hover{
color:#FFFFFF
}

#announceBar H3 a{
color:#000000;
text-decoration:none
}

#announceBar H3 a:hover{
color:#FFFFFF;
font-style:italic;
text-decoration:none
}

#announceBar H3 a:visited{
color:#000000;
text-decoration:none
}

/*Website Splash Page - Main Page (HOME) & Season Pages*/
/*Container for the Black Splash background*/
#frontPage{
	background-color:#000000;
	}

/*Div used to Specify the image for the Splash Page*/
#frontPageImage{
	background-position: top right;
	background-repeat: no-repeat;
	background-attachment:scroll;
	width:760px; 
	height:359px;
	}

/*For the Subscriptions & Tickets button (HOME) and Buy Tickets Button (Season Pages)*/
#ticketsAndScripts{
	margin-top:10px;
	margin-right:10px;
	font:Arial, Helvetica, sans-serif;
	padding: 1px 4px 1px 4px;
	border:#000000 1px solid;
	background-color: #F00000;
	}
	
#ticketsAndScripts a{
	color:#000000;	
	font-size:14px;
	font-weight:bold;
	font-stretch:narrower;
	text-transform:uppercase;
	text-decoration:none;
	}
	
#ticketsAndScripts a:hover{
	color:#F5F5F5;
	}

/*For the Splash page hover navigation*/		
.splashPageNavigationText {
	/*height:359px;*/
	background:#000000;
	width:275px;

	color:#ffffff;
	font-weight:bold;
	text-align:right;
}

.splashPageNavigationTextTrans {
	background:transparent;
	width:275px;

	color:#ffffff;
	font-weight:bold;
	text-align:right;
	/*filter:alpha(opacity=70);*/   /* Internet Explorer       */
   	/*-moz-opacity:0.70; */          /* Mozilla 1.6 and below   */
	/*-khtml-opacity:0.70;	*/		/* khtml rendering engine */
   	/*opacity: 0.70;   */            /* newer Mozilla and CSS-3 */
}

.splashPageNavigationText a{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	font-family:"Palatino Linotype", "Times New Roman", Times;
	text-align:center;
	/*cursor:default;*/
	text-decoration:none;
}
.splashPageNavigationTextTrans a{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	font-family:"Palatino Linotype", "Times New Roman", Times;
	text-align:center;
	/*cursor:default;*/
	text-decoration:none;
}
.splashPageNavigationText a:hover{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	font-family:"Palatino Linotype", "Times New Roman", Times;
	text-align:center;
	/*cursor:default;*/
	text-decoration:none;
}
.splashPageNavigationTextTrans a:hover{
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	font-family:"Palatino Linotype", "Times New Roman", Times;
	text-align:center;
	/*cursor:default;*/
	text-decoration:none;
}

.splashPageNavigationText a img{
	border:0;
	/*filter:alpha(opacity=100);*/   /* Internet Explorer       */
   	/*-moz-opacity:1.00;  */         /* Mozilla 1.6 and below   */
	/*-khtml-opacity:1.00;	*/		/* khtml rendering engine */
   	/*opacity: 1.00;        */       /* newer Mozilla and CSS-3 */
}
.splashPageNavigationTextTrans a img{
border:0;
	/*filter:alpha(opacity=100);*/   /* Internet Explorer       */
   	/*-moz-opacxity:1.00;   */        /* Mozilla 1.6 and below   */
	/*-khtml-opacity:1.00;	*/		/* khtml rendering engine */
   	/*opacity: 1.00;        */       /* newer Mozilla and CSS-3 */
}

/*Stuff for Season Pages*/
/*Composer Information*/
#operaAtAGlance{
	width:275px;
	padding-top:5px;
	}

.OperaComposer{
	text-align:right;
	text-transform:uppercase;
	font-family:"Palatino Linotype", "Times New Roman", Times;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;	
	}
.OperaName{
	padding-left:8px;
	text-align:center;
	font-family:"Palatino Linotype", "Times New Roman", Times;
	font-size:35px;
	color:#ff0000;
	font-variant:small-caps;
	line-height:normal;
	}
.OperaTime{
	padding-left:8px;
	text-align:center;
	font-family:"Palatino Linotype", "Times New Roman", Times;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-transform:uppercase;
	font-variant:small-caps;
	}
.OperaLocation{
	padding-left:8px;
	text-align:center;
	font-family:"Palatino Linotype", "Times New Roman", Times;
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
	}
.OperaCast{
	padding:5px 30px 5px 30px;
	text-align:left;
	font-family:"Palatino Linotype", "Times New Roman", Times;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	}
.OperaLibrettoInfo{
	text-align:left;
	font-family:"Palatino Linotype", "Times New Roman", Times;
	font-size:12px;
	color:#ffffff;
	padding-left:20px;
	}
.OperaPremiereInfo{
	text-align:left;
	font-family:"Palatino Linotype", "Times New Roman", Times;
	font-size:12px;
	color:#ffffff;
	padding-left:20px;
	}
.OperaRunningTime{
	text-align:left;
	font-family:"Palatino Linotype", "Times New Roman", Times;
	font-size:12px;
	font-style:italic;
	color:#ffffff;
	padding-left:20px;
	}
	
.underline{
	text-decoration:underline;
	}

/* For Lower Synopsis Information and Links (Season Pages)*/
#OperaInformationContainer{
width:100%;
}

#OperaInformationLinks{
	width:100px;
	margin-left:.5em;
	background-color:#ffffff;
}
#OperaInformationLinks ul{
	list-style: none;
	margin:0;
	padding:0;
	height:100px;
	}
.OperaInformationLinksList{
	list-style-type:none;
	list-style-image:none;
	border:1px solid #000000;
	padding:1px 0px 1px 0px;
	text-align:center;
	}

#OperaInformationLinks a{
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
}
#OperaInformationLinks a:hover{
	color:#ff0000;
	}

#OperaSummaryText{
	width:630px;
	height:100px;
	float:right;
	margin:-100px .5em 0px 0px;
	padding: 0px .2em 0px .2em;
	text-align:justify;
	overflow:auto;
	color:#000000;
	background-color:#FFFFFF;
	}
	
#OperaSummaryText p{
	padding:0;
	margin: 0;
	}
	/*Container for the Website footer*/	
#bottomFooter{
	clear:left;
	background:#000000;
	color: #FFFFFF;
	width:100%;
	height:auto;
}
#bottomFooter a{
color:#FFFFFF;
text-decoration:none;
}

#bottomFooter a:hover{
color:#FF0000;
text-decoration:none;
}

#bottomFooter a:visited{
color:#FFFFFF;
text-decoration:none;
}

/*Container for the announcement boxes in the footer*/
#announcements{
	background:#000000;
	width:760px;
	height:5em;
	}

.announceBoxes{
	height:auto;
	width:230px;
	border:solid #F5F5F5 2px;
	font-size:20px;
	font-family:"Futura Lt BT", Arial;
	font-weight:600;
	line-height:0.95;
	float:left;
	margin:7px 7px 7px 7px;
	text-align:right;
	background:#000000;
	padding:2px 2px 2px 2px;
}

#announcements a{
	text-decoration:none;
	color:#F5F5F5;
	}

#announcements a:hover{
	text-decoration:none;
	color:#f00000;
	}

/*Containers for designating left or right floats (Used in footer)*/
.footerLeft{
	float:left;
	}

.footerRight{
	float:right;
	}