@charset "utf-8";
/* CSS Document */

html, body {
	height:100%;
}
.override .googlecart-widget-disclaimer {
	color: #FFFFFF;
  }

.override #googlecart-widget-head {
	background:#FFFF99;	
}
  
/* CHANGE FONT SIZE */

#changeFont {
padding:2px;
font-size:11px;
}

.increaseFont, .decreaseFont, .resetFont {
	font-size:11px;
}

div.pageHeadings{
/*width: 391px;*/
margin-left: 180px;
margin-bottom: 5px;
}


body{
	background-color: #EBEBEB;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	text-align:center;
	font-size:13px;
}

.redLink {
	color: #cc3333;
	font-weight: bold;
	text-decoration:underline;
}
.regLink {
	color: #555;
	text-decoration: none;
}
.redregLink {
	color: #cc3333;
	text-decoration: none;
}

#headerNav{
width: 740px;
}

#headerBgrnd {
	width: 100%;
	height: 130px;
	position: absolute;
	top: 47px;
	left: 0px;
	background-image: url(../images/headerBgrndImg.jpg);
}
#headerBgrndRight {
	width: 50%;
	height: 130px;
	float: right;
	left: 0px;
	background-image: url(../images/headerBgrndImgRight.jpg);
}

#headerImg{ 
margin-bottom: 4px; 
z-index: 1000;
}

#haederNav {
padding: 21px 0px 0px 0px;
background-image: url(../images/white_background.jpg);
}

#container { /*base container holds everything */
	width: 740px;
	padding: 0px 0px 0px 0px;
	margin: auto;
	text-align: left;
	position: relative;
	background-image: url(../images/border_repeat.jpg);
}
#spacer {
	width: 740px;
	margin: auto;
	background-image: url(../images/border_repeat.jpg);
}
#wrapper {
	background-color: #FFFFFF;
}


/********************subNav**********************************/
	#sideNavContainer/*total width = 170*/{ 
		width:158px;
		padding: 0px 5px 0px 5px;
		float: left;
		position: relative;
		margin-bottom: 10px;
	}
	
	.sideNavHead
	{
		padding: 4px 15px; 
		clear: right; 
		display: block; 
		text-decoration: none;
		color: #cc3333;
		font-weight: bolder;
		padding: 0px 0px 4px 0px;
	}
	
	/*set spacing for sub nav boxes*/
	.sideNav, .sideNavTop, .sideNavBot,
	.sideNav1, .sideNav2, .sideNav3, .sideNav4
	{
		padding: 4px 15px; 
		clear: right; 
		display: block; 
		text-decoration: none;
		color: #003366;
		background: #FFFFFF;
		font-weight: bold;
		border-bottom: 1px solid #DBDBDB;
	}
	
	.sideNavTop,.sideNavTop:hover, .sideNavTopActive,
	.sideNav1,.sideNav1:hover, .sideNav1Active
	{border-top: 1px solid #DBDBDB;}
	
	.sideNav:hover, .sideNavTop:hover, .sideNavBot:hover,
	.sideNav1:hover, .sideNav2:hover, .sideNav3:hover, .sideNav4:hover,
	.sideNav1Active, .sideNav2Active, .sideNav3Active, .sideNav4Active
	{
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		padding: 4px 15px;
		clear: right;
		display: block;
	}
	
	.sideNavActive , .sideNavTopActive, .sideNavBotActive
	{
		padding: 4px 15px; 
		clear: right; 
		display: block; 
		text-decoration: none;
		color: #FFFFFF;
		background: #666666;
		font-weight: bold;
		border-bottom: 1px solid #DBDBDB;
	}
	
	.sideNav:hover, .sideNavTop:hover, .sideNavBot:hover{background-color: #666666;}
	.sideNav1Active, .sideNav1:hover{background: #c9252b;}
	.sideNav2Active, .sideNav2:hover{background: #ffcb08;}
	.sideNav3Active, .sideNav3:hover{background: #5f92c1;}
	.sideNav4Active, .sideNav4:hover{background: #71bf44;}

	.sideNavSub, .sideNavSub1, .sideNavSub2, .sideNavSub3, .sideNavSub4{font-weight: normal;}
	
	
/********end sideNav*****************************/	

#contentContainer{ /*total width available= 570*/
	width: 740px;
	margin-bottom: 0px;
	float: left;
	background-image: url(../images/border_repeat.jpg)
}

#mainContent{ /*total width available= 570*/
	width: 540px;
	/*height: 100%;*/
	/*height: 380px;*/
	padding: 0px 15px 0px 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	float:right;
	position: relative;
}
#concertInfo{
	width:280px;
	height:415px;
	padding:0px 0px 0px 0px;
	float:right;
	}
#program{
	width:280px;
	padding:0px 0px 15px 0px;
	float:left;
	}
#programNotes{
	width:540px;
	padding:5px 0px 0px 0px;
	float:left;
	}
#concertPhoto{
	width:250px;
	height:415px;
	float:left;
	}
#concertProgram{
	width:550px;
	padding-top: 0px;
	padding-bottom: 20px;
	float:left;
	}
#concertProgramComposers{
	width:150px;
	padding: 5px 0px 0px 20px;
	float:left;
	}
#concertProgramSounds{
	width:25px;
	padding: 5px 5px 0px 5px;
	float:left;
	}
#concertProgramWorks{
	width:320px;
	padding: 5px 0px 0px 0px;
	float:left;
	}

/********Recordings********************************************/
#recordingSpacer{
padding-bottom:8px;
}
#buyRecordings{
	width:320px;
	height:20px;
	padding-top: 0px;
	padding-left: 20px;
	float:left;
	}
#recordingsPrice{
	width:62px;
	height:20px;
	float:left;
	padding-top:2px;
	}
#recordingsQuant{
	width: 50px;
	height:20px;
	float: left;
	position: relative;
	padding-top: 2px;
}
#recordingsButton{
	width: 106px;
	height:20px;
	float: left;
	position: relative;
	padding-top: 0px;
}
#recordingsImage{
	width:220px;
	height:220px;
	float:left;
	}
#recordingsRight{
	width:320px;
	height:220px;
	float:left;
	}
#recordingsArtist{
	width:110px;
	padding-left:20px;
	padding-bottom:10px;
	/*height:165px;*/
	float:left;
	}
#recordingsTrack{
	width:180px;
	padding-left:10px;
	padding-bottom:10px;
	/*height:165px;*/
	float:left;
	}
#recordingsDescription{
	width:540px;
	/*height:150px;*/
	padding-top: 10px;
	float:left;
	}
/********Tickets and Subscriptions*****************************/	
#subscriptionLeft{
	width: 270px;
	float:left;
	position: relative;
	padding-bottom: 0px;
}
#subscriptionRight{
	width: 270px;
	float:right;
	position: relative;
	padding-bottom: 0px;
}
#singleConcertTickets{
	width: 540px;
	float:right;
	position: relative;
	padding-bottom: 20px;
}
#singleConcertTicketsDesc{
	width: 170px;
	float: left;
	position: relative;
}
#singleConcertTicketsType{
	width: 190px;
	float: left;
	position: relative;
	padding-top: 5px;
}
#singleConcertTicketsQuant{
	width: 60px;
	float: left;
	position: relative;
	padding-top: 5px;
}
#singleConcertTicketsButton{
	width: 106px;
	float: left;
	position: relative;
	padding-top: 4px;
}
#subscriptionQuant{
	width: 110px;
	float: right;
	position: relative;
	padding-top: 5px;
}
#subscriptionButton{
	width: 135px;
	float: right;
	position: relative;
	padding-top: 4px;
}
#subscriptionButtonOff{
	width: 135px;
	float: right;
	position: relative;
	padding-top: 4px;
	margin-right: 0px;
}

#footerContainer{
background: #EBEBEB;
border-top: 5px solid #FFFFFF;
width: 100%;
clear: both;
height:100px;
position:relative;
}

#footerInner{
background: #EBEBEB;
border-top: 2px solid #003366;
}

div.footerContent{
width: 740px;
padding: 2px 0px 5px 0px;
margin: auto;
overflow: auto; /*allows footer height to be dictated by content in FF*/
}

#footerContentRight{
float: right;
width: 350px;
padding: 0px 0px 5px 0px;
margin: auto;
overflow: auto; /*allows footer height to be dictated by content in FF*/
}
#footerContentLeft{
float: left;
width: 350px;
padding: 0px 0px 5px 0px;
margin: auto;
overflow: auto; /*allows footer height to be dictated by content in FF*/

}