@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
	border:none;
}
body {
	background:#787677;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
img {
	-ms-interpolation-mode: bicubic;	
}
#container {
	position:relative;
	width:970px;
	margin:0px auto;
	background:url(../images/layout/containerBG.jpg) left top repeat-y;
}

#Content {
	position:relative;
	width:792px;
	float:left;
}


/* ------------------------------------------------------------
	Header
--------------------------------------------------------------- */
#Header {
	height:150px;
}
	#Header h1 {
		height:150px;
		background:url(../images/layout/logo.jpg) 3px top no-repeat;
	}
	#Header h1 a{
		display:block;
		width:400px;
		height:150px;
		margin:0px 0px 0px 30px;
	}
	#Header h1 a span {
		display:none;
	}

/* ------------------------------------------------------------
	Main Navigation
--------------------------------------------------------------- */
#Pnav > ul {
	position:relative;
	height:25px;
	margin:0px 0px 0px 170px;
	padding:0px 0px 0px 20px;
	border-top:1px solid #787677;
	border-bottom:1px solid #787677;
	list-style:none;
}
	#Pnav ul li {
		position:relative;
		float:left;
		width:auto;
		height:auto;
	}
	#Pnav ul li.lastLink {
		padding:0px;	
	}
	#Pnav ul li a {
		display:block;
		width:auto;
		height:15px;
		padding:5px 20px 5px 0px;
		text-decoration:none;
		color:#787677;
		font-size:12px;
	}
	#Pnav ul li a:hover {
		color:#F3AB01;
	}
	#Pnav ul li ul {
		display:none;	
		position:absolute;
		left:0px;
		top:25px;
		list-style:none;
	}
		#Pnav ul li:hover ul {
			display:block;
			position
		}
		#Pnav ul li:hover ul li {
			width:100%;
			height:auto;
			background:#FFF;
		}
		#Pnav ul li ul li a {
			border-top:1px solid #787677;
			padding:5px 10px 5px 0px;
			white-space:nowrap;
		}
		#Pnav ul li ul li#mLogin {
			margin:0px 0px 3px 0px;
			font-size:11px;  
			font-weight:normal;
		}
		#Pnav ul li ul li#mLogin a {
			text-decoration:none;
		}



/* ------------------------------------------------------------
	Content Body
--------------------------------------------------------------- */
#ContentBody {
	padding:20px 30px 50px 200px;
}

	#ContentBody h2 {
		height: 32px;
		margin: 0px 0px 10px 0px;
		font-size:18px;
	}
	#ContentBody h3 {
		margin: 0px 0px 5px 0px;
		font-size: 15px;
		color: #F8C01E;
	}
	#ContentBody h4 {
		margin: 0px 0px 0px 0px;
		font-size: 12px;
	}
	#ContentBody p {
		margin:0px 0px 20px 0px;
		line-height: 18px;
	}
	#ContentBody img {
		margin:0px 0px 20px 0px;
	}
	#ContentBody a {
		color:#d19303;
		text-decoration: none;
	}
	#ContentBody a:hover {
		text-decoration: underline;
	}

/* ------------------------------------------------------------
	Image Sidebar
--------------------------------------------------------------- */
#pageImages {
	float:left;
	/*width:237px;*/
}

/* ------------------------------------------------------------
	Footer
--------------------------------------------------------------- */
#Footer {
	position:absolute;
	bottom:0px;
	left:0px;
	height:42px;
	width:622px;
	margin-left:170px;
	font-size:10px;
}
	#Footer ul {
		position:relative;
		height:10px;
		padding: 5px 10px 0px 19px;
		list-style:none;
		clear:both;
	}
	#Footer ul#Pnav2 {
		border-top:1px solid #bab8b9;	
	}
		#Footer ul li {
			position:relative;
			float:left;
			width:auto;
			height:auto;
			color:#bab8b9;	
		}
			#Footer ul li a {
				width:100%;
				height:auto;
				text-decoration:none;
				color:#bab8b9;
			}
			#Footer ul#Pnav2 li a {
				padding:0px 31px 0px 0px;
			}
			#Footer ul#Pnav2 li.lastLink a {
				padding:0px;
			}
		#Footer ul li#SiteDesign {
			float:right;
			padding-right:14px;
		}
		


/* ------------------------------------------------------------
	SideBar Navigation
--------------------------------------------------------------- */
#concert_season,
#special_events,
#musicians,
#ticket_seating {
	position:absolute;
	left:0px;
	top:200px;
	width:162px;
	padding:0px 8px 0px 0px;
}
	#concert_season h4,
	#special_events h4,
	#musicians h4,
	#ticket_seating h4 {
		padding:0px 0px 5px 0px;
		color:#F8C01E;	
	}
	#ticket_seating img {
		float:none;
		border:none;
		vertical-align:top;
	}
	#concert_season ol,
	#special_events ol,
	#musicians ul,
	#ticket_seating ul {
		list-style: none;
	}
	#concert_season ol li,
	#special_events ol li,
	#musicians ul li,
	#ticket_seating ul li {
		margin: 0px 0px 7px 0px;
		cursor:pointer;
		color: #FFF;
	}
	#concert_season ol li a,
	#special_events ol li a
	#musicians ul li a,
	#ticket_seating a {
		text-decoration:none;
		color: #FFF;
	}
	#concert_season ol li strong,
	#special_events ol li strong,
	#musicians ul li strong {
		white-space: nowrap;
	}
		#concert_season ol#past li ol,
		#special_events ol#past li ol,
		#musicians ul li ul {
			display:none;
		}
		#concert_season ol li ol li,
		#special_events ol li ol li,
		#musicians ul li ul li {
			list-style:disc;
			margin:0px 0px 0px 25px; 
			font-size: 11px;
		}
		#concert_season ol li ol li a,
		#special_events ol li ol li a,
		#musicians ul li ul li a {
			text-decoration:none;
			color: #FFF;
		}
/* ------------------------------------------------------------
	Musicians
--------------------------------------------------------------- */

h4.instrument {
	position:relative;
	font-size:13px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #787878;
	clear:both;
}
	h4.instrument span {
		display:block;
		position:absolute;
		top:0px;
		right:0px;
		width:40px;
		text-align:right;
	}
	h4.instrument span a {
		text-decoration:none;
	}
.musician {
	position:relative;
	width:177px;
	height:127px;
	float:left;
	padding-right:10px;
}
	.musician img {
		width:60px;
		height:90px;
		float:left;
		margin:0px auto;
		padding:0px 10px 0px 0px;
		cursor:pointer; 
	}

	.musician p {
		font-size:11px;	
	}
	.column1,
	.column2,
	.column3 {
		position:absolute;
		z-index:10000;
		top:95px;
		display:none;	
		width:543px;
		min-height:100px;
		padding:3px 5px 5px 5px;
		background:#FFF;
		border:3px solid #787878;
		color:#000;
	}		
		.column1 .closeBtn,
		.column2 .closeBtn,
		.column3 .closeBtn{
			float:right;
			display:block;
			width:50px;
			height:12px;
			font-size:11px;
			text-align:right;
		}
	.column1 {
		left:0px;
	}
	.column2 {
		left:-187px;
	}
	.column3 {
		left:-374px;
	}


/* ------------------------------------------------------------
	Musicians Login
--------------------------------------------------------------- */
#form label {
	margin-bottom:5px;
}
#form input {
	width:225px;
	margin-bottom:5px;
}

#form #user_name,
#form #user_password,
#form #submit {
	border:1px solid #787677;
}
#form #useCookieLabel {
	display:block;
	float:left;
	width:200px;
	margin-top:-1px;
}
#form #useCookie {
	display:block;
	float:left;
	width:20px;
}
#form a {
	display:block;
	float:left;
	width:172px;
	margin:5px 0px 5px 0px;	
}
#form #submit {
	width:55px;
}





/* ------------------------------------------------------------
	Classes
--------------------------------------------------------------- */
.skipNav {
	display:none;	
}
.editLink {
	float:right;
	margin:-38px 0px 0px 0px;
}
.clearer {
	clear:both;	
}
