/*******************************************************************************************/
/*  STANDARD FORMATTING STYLES
/*******************************************************************************************/
body {
	margin: 0px;
	background: #450213;
	background-image: url(../images/bg_slice.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	}
	
.left {
	float: left;
	}

.right {
	float: right;
	}
	
/*******************************************************************************************/
/*  GLOBAL TEMPLATE FORMATTING STYLES
/*******************************************************************************************/

#siteWrapper {
	width: 965px;
	border-left: 1px solid #4D4344;
	border-right: 1px solid #4D4344;
	border-bottom: 1px solid #4D4344;
	background-image: url(../images/header.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	overflow: hidden;
	}
	
	#headerWrapper {
		width: 965px;
		height: 205px;
		float: left;
		}
		
		#headerLogo {
			width: 242px;
			padding: 50px 29px 0px 29px;
			float: left;
			}
		
		#headerSpace {
			width: 450px;
			float: left;
			}
		
		#headerButtons {
			width: 215px;
			float: left;
			}
			
			#headerSeason {
				width: 215px; 
				float: left;
				padding: 20px 0px 10px 0px;
				}
			
			.headerButton {
				width: 215px;
				float: left;
				padding: 0px 0px 10px 0px;
				}
	
	#mainWrapper {
		width: 965px;
		float: left;
		background-image: url(../images/nav_bg.png);
		background-position: top left;
		background-repeat: repeat-x;
		border-top: 1px solid #737373;
		}
		
		#navigationWrapper {
			width: 965px;
			float: left;
			}
		
			.navigationItem {
				float: left;
				padding: 7px 0px 7px 0px;
				}
				
				.menu {
					visibility: hidden; 
					position:absolute; 
					z-index: 100;
					width: 131px;
					border-top: 0px;
					margin: 0px;
					padding: 0px;
					left: 0px;
					top: 0px;
					border-left: 1px solid #85686C;
					border-right: 1px solid #85686C;
					border-bottom: 1px solid #85686C;
					margin-left: 10px;
					}
				
				.dropdownNavItemTop {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					padding: 8px 10px 8px 10px;
					background-color: #241316;
					color: #FFFFFF;
					background-image: url(../images/menu_top.jpg);
					background-position: top;
					background-repeat: no-repeat;
					}

				.dropdownNavItem {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					padding: 8px 10px 8px 10px;
					background-color: #241316;
					color: #FFFFFF;
					}
		
		#contentWrapper {
			float: left;
			padding: 16px 16px 16px 16px; 
			}
			
			#leftColumn {
				width: 256px;
				float: left;
				}
				
				#calendarWrapper {
					width: 256px;
					float: left;
					}
				
					#calendarTop {
						width: 256px;
						float: left;
						}
				
					#calendarBody {
						width: 241px;
						float: left;
						background-color: #595051;
						padding: 5px 0px 15px 15px;
						}
						
					#calendarBody a,
					#calendarBody a:active,
					#calendarBody a:visited {
						display: block;
						color: #ffffff;
						text-decoration: none;
					}
					
					#calendarBody a:hover {
						display: block;
						color: #f1f1f1;
						text-decoration: none;
					}
					
						.calendarTitle {
							font-family: "Times New Roman", Times, serif;
							font-size: 18px;
							color: #FBF6F3;
							}
						
						.calendarDOW {
							background: #8A8D86;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 11px;
							color: #FBF6F3;
							width: 34px;
							}
						
						.calendarDAY {
							background: #6F6A67;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 11px;
							color: #FBF6F3;
							height: 30px;
							width: 30px;
							}
					
						.calendarFILL {
							background: #450213;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 11px;
							color: #000000;
							height: 30px;
							width: 30px;
							cursor: pointer;
							}
						
						.calendarSTART {
							background: #E4E6E7;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 11px;
							background-image: url(../images/start.gif);
							background-position: bottom;
							background-repeat: repeat-x;
							color: #000000;
							height: 20px;
							}
						
						.calendarEND {
							background: #E4E6E7;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 11px;
							color: #000000;
							height: 20px;
							background-image: url(../images/end.gif);
							background-position: top;
							background-repeat: repeat-x;
							}
					
					#calendarMainEvent {
						position: absolute;
						top: 273px;
						left: -195px;
						margin-left: 50%;
					}
					
						.calendarClosed {
							width: 0px;
							height: 0px;
							background: transparent;
							border: none;
							padding: 0px;
						}
					
						.calendarOpen {
							width: 612px;
							background: #ffffff;
							border: 1px solid #222222;
							padding: 10px 10px 10px 24px;
						}
						
						#closeBox {
							float: right;
						}
						
						#closeBox a {
							color: #000000;
							font-size: 10px;
							text-decoration: none;
						}
					
					
					#calendarBottom {
						width: 256px;
						float: left;
						}
						
				#planWrapper {
					width: 240px;
					float: left;
					padding: 15px 14px 0px 0px;
					}
					
					#planTitle {
						width: 220px;
						float: left;
						padding: 0px 0px 10px 20px;
						}
					
					#planContainer {
						width: 237px;
						float: left;
						border: 1px solid #4D4344;
						}
						
						.planItem {
							width: 237px;
							float: left;
							color: #ffffff;
							font-size: 15px;
							overflow: hidden;
							cursor: hand;
							}
							
						.planContent {
							float: left;
						}
						
						.planContent p {
							color: #ffffff;
							width: 215px;
							padding: 6px 10px 6px 10px;
						}
						
			
			#rightColumn {
				width: 677px;
				float: left;
				}
				
				#rightWrapper {
					width: 677px;
					float: left;
					}
					
					#rightTop {
						width: 677px;
						float: left;
						}
					
					#rightBody {
						width: 677px;
						min-height: 200px;
						float: left;
						background-color: #595051;
						}
						
						#rightBodyWrapper {
							width: 658px;
							float: left;
							padding: 5px 0px 5px 10px;
							}
							
							#rightBodyTop {
								width: 658px;
								float: left;
								}
							
							#rightBodyContent {
								width: 598px;
								min-height: 500px;
								float: left;
								background-color: #FFFFFF;
								padding: 20px 30px 40px 30px;
								}
								
								.eventListingWrapper {
									width: 598px;
									float: left;
									padding: 10px 0px 10px 0px;
									border-top: 1px solid #CCCCCC;
									}
									
									.eventListingImage {
										width: 108px;
										float: left;
										}
									
									.eventListingContent {
										width: 490px;
										float: left;
										}
									
									.performanceWrapper {
										width: 596px;
										float: left;
										border: 1px solid #CCCCCC;
										margin-bottom: 15px;
										}
									
										.performanceLight {
											padding: 4px;
											}
	
										.performanceDark {
											padding: 4px;
											background-color: #EEEFED;
											}
										
									.eventContentImage {
										float: right;
										margin-left: 15px;
										margin-bottom: 15px;
										}
										
									.concertContentWrapper {
										width: 576px;
										float: left;
										border: 1px solid #CCCCCC;
										padding: 10px;
										margin-bottom: 15px;
										}
										
										.underwriterLogo {
											float: left;
											padding-right: 10px;
											padding-bottom: 10px;
											}
									
									.buyNowHead {
										width: 578px;
										float: left;
										background-color: #B0ACAA;
										padding: 6px 10px 6px 10px;
										border-top: 1px solid #CCCCCC;
										border-bottom: 1px solid #CCCCCC;
										margin-bottom: 10px;
										}


							#rightBodyWrapperSupport {
								width: 658px;
								background-color: #FFFFFF;
								overflow: auto;
								float: left;
								}

								#rightBodyContentSupport {
									width: 398px;
									min-height: 500px;
									float: left;
									background-color: #FFFFFF;
									padding: 20px 20px 40px 30px;
									border-right: 1px solid #CCCCCC;
									}
								
								#rightBodyContentSupportColumn {
									width: 155px;
									float: left;
									background-color: #FFFFFF;
									padding: 20px 30px 40px 15px;
									}

									.sideNavButton {
										width: 145px;
										float: left;
										border-bottom: 1px solid #CCCCCC;
										padding: 5px 5px 4px 5px;
										}									

									.sideNavItem {
										width: 145px;
										float: left;
										border-bottom: 1px solid #CCCCCC;
										padding: 4px 5px 4px 5px;
										}

									.sideNavItemEnd {
										width: 145px;
										float: left;
										padding: 5px 5px 5px 5px;
										}
							
							#rightBodyBottom {
								width: 658px;
								float: left;
								}
						
					
					#rightBottom {
						width: 677px;
						float: left;
						}
						
				#rightBanners {
					width: 677px;
					float: left;
					margin: 15px 0px 0px 0px;
					}
					
					#rightBannersLeft {
						width: 460px;
						float: left;
						padding-right: 13px;
						}
					
					#rightBannersWrapper {
						width: 204px;
						float: left;
						}
						
						#rightBannersTop {
							width: 204px;
							float: left;
							padding: 0px 0px 15px 0px;
							}
						
						#rightBannersBottom {
							width: 204px;
							float: left;
							}

#footer {
	width: 949px;
	padding: 8px 8px 20px 8px;
	overflow: auto;
	}

/*******************************************************************************************/
/*  INDEX SPECIFIC FILES
/*******************************************************************************************/

#mainConcertTop {
	width: 645px;
	float: left;
	padding: 13px 16px 16px 16px;
	}

	#mainConcertWrapper {
		width: 645px;
		float: left;
		border: 1px solid #A6A7A2;
		background-position: top left;
		background-repeat: no-repeat;
		}
	
	#mainConcertText {
		width: 625px;
		float: left;
		background-color: #000000;
		border-bottom: 1px solid #A6A7A2;
		border-left: 1px solid #A6A7A2;
		border-right: 1px solid #A6A7A2;
		padding: 8px 10px 8px 10px;
		}
		
		#concertListingWrapper {
			width: 280px;
			float: left;
			}
		
		.concertListing {
			width: 280px;
			float: left;
			}
			
			.concertListingContent {
				width: 218px;
				float: left;
				}
			
			.concertListingsButton {
				width: 42px;
				padding-left: 20px;
				float: left;
				}
#mainConcertBottom {
	width: 647px;
	float: left;
	padding: 0px 16px 8px 16px;
	}
	
	#mainConcertLeft {
		width: 312px;
		float: left;
		border: 1px solid #A6A7A2;
		margin-right: 19px;
		}

	#mainConcertRight {
		width: 312px;
		float: left;
		border: 1px solid #A6A7A2;
		}
	
	#mainConcertBody {
		width: 647px;
		float: left;
		background-image: url(../images/black_slice.png);
		background-position: top center;
		background-repeat: repeat-y;
		}
	
		#mainConcertLeftText {
			width: 292px;
			float: left;
			margin-right: 21px;
			padding: 8px 10px 8px 10px;
		}

		#mainConcertRightText {
			width: 292px;
			float: left;
			padding: 8px 10px 8px 10px;
			}
	
	#mainConcertEnd {
		width: 647px;
		height: 1px;
		float: left;
		overflow: hidden;
		}
		
	
	


		

/**************************************************************************/
/* 		DONATION & CONTACT  FORM STYLES WITH ERROR STYLES
/**************************************************************************/

#donationFormWrapper, #take5FormWrapper {
	float: left;
	width: 597px;
	border-top: 1px solid #A8A8A8;
	border-bottom: 1px solid #A8A8A8;
	padding-top: 10px 0px 10px 0px;
	
}
	
	#donationFormWrapper p, #take5FormWrapper p {
		float: left;
	}

	
	.donationOn, .take5On {
		float: left;
		width: 577px;
		padding: 5px 10px 5px 10px;
		background: #E8E4DD;
		color: #C3BFBC;
	}
	
	.donationOff, .take5Off {
		float: left;
		width: 577px;
		padding: 5px 10px 5px 10px;
		background: #E8E4DD;
		color: #C3BFBC;
	}
	
		.donationFirst, .take5First {
			float: left;
			display: block;
			width: 130px;
		}
		
		.take5Text {
			padding: 0px 10px 0px 10px;
			width: 577px;
			background: #E8E4DD;
			font-weight: bold;
		}
		
		.take5coltem {
			width: 150px;
			float: left;
			}
			
		.take5Items {
			background: #E8E4DD;
			width: 597px;
			overflow: hidden;
			}
			
		.take5ColText {
			font-size: 12px;
			font-weight: normal;
			display: block;
			padding-left: 8px;
			}
		
		.contactField,
		.donationField,
		.take5Field {
			float: left;
			width: 300px;
			padding: 3px 0px 3px 0px;
			border: 1px solid #A8A8A8;
			color: #31231A;
		}
		
		
		.contactSelect,
		.donationSelect,
		.take5Select {
			float: left;
			width: 300px;
			padding: 3px 0px 3px 0px;
			border: 1px solid #A8A8A8;
			color: #31231A;
		}
		
		.contactArea,
		.donationArea,
		.taket5Area {
			float: left;
			width: 300px;
			height: 100px;
			padding: 3px 0px 3px 0px;
			border: 1px solid #A8A8A8;
			color: #31231A;
		}
		
		#contactSubmitField,
		#donationSubmitField,
		#take5SubmitField {
			background: #450213;
			border: 1px solid #ffffff;
			font: 13px arial;
			color: #ffffff;
			padding: 8px 20px 8px 20px;
		}
		
		.contactError {
			color: #ff0000;
			font-weight: bold;
		}
		
		.contactLoading {
			float: left;
			width: 480px;
			padding: 10px 30px 10px 30px;
			border-bottom: 1px solid #A8A8A8;
			background-color: #cccccc;
			background-image: url('/images/loading.gif');
			background-repeat: no-repeat;
		}
		
		.contactComplete {
			float: left;
			width: 440px;
			background: #e6ffc9;
			border: 1px solid #72AD2D;
			font: 13px arial;
			color: #72AD2D;
			padding: 8px 20px 8px 20px;
		}
		
		.contactCompleteError {
			float: left;
			width: 440px;
			background: #edc0c0;
			border: 1px solid #b64040;
			font: 13px arial;
			color: #b64040;
			padding: 8px 20px 8px 20px;
			margin-bottom: 5px;
		}
		
		#take5response .contactCompleteError {
			float: left;
			width: 555px;
			background: #edc0c0;
			border: 1px solid #b64040;
			font: 13px arial;
			color: #b64040;
			padding: 8px 20px 8px 20px;
			margin-bottom: 5px;
		}