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

/* Main Tags 
/* ------------------------------------------------------------------*/

*+html { 
	margin: 0px;
	padding: 0px;
}

body, html{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	margin:0;
	padding:0;
}


a:link, a:active, a:visited{
	color: #000;
	text-decoration: underline;
	outline:none;
} 

a:hover{
	color:#999;
	outline:none;
} 

hr{
	color: #f00;
	width:92%;
	background-color: #f00;
	height: 1px;	
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin:0px 0px 15px 0px;
	font-size:26px;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin:0px 0px 15px 0px;
	font-size:24px;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin:0px 0px 15px 0px;
	font-size:22px;
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin:0px 0px 15px 0px;
	font-size:20px;
}

	body.show h3 {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #000;
		margin:0px 0px 15px 0px;
		font-size:24px;
	}
	
	body.show h4 {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #000;
		margin:0px 0px 15px 0px;
		font-size:24px;		
	}

h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin:0px 0px 15px 0px;
	font-size:18px;
}
h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	margin:0px 0px 15px 0px;
	font-size:16px;
}



ul {
	list-style:none;
}



/* Standard Tags 
/* ------------------------------------------------------------------*/

#accessability{
	display:none;
}

body#default {
	background:#93a09a;
}
.mainContainer {
	background:#93a09a url(../images/bgs/home.jpg) no-repeat center top;
}


body#for_schools {
	background:#fafbf6 url(../images/bgs/for_schools.jpg) no-repeat center top;
}
.mainContainer#for_schools {
	background:#fafbf6 url(../images/bgs/for_schools.jpg) no-repeat center top;
}

body#for_schools {
	background:#fafbf6 url(../images/bgs/for_schools.jpg) no-repeat center top;
}
.mainContainer#for_schools {
	background:#fafbf6 url(../images/bgs/for_schools.jpg) no-repeat center top;
}

body#get_involved {
	background:#db2128 url(../images/bgs/get_involved.jpg) no-repeat center top;
}
.mainContainer#get_involved {
	background:#db2128 url(../images/bgs/get_involved.jpg) no-repeat center top;
}

body#about_us {
	background:#e995a3 url(../images/bgs/about_us.jpg) no-repeat center top;
}
.mainContainer#about_us {
	background:#e995a3 url(../images/bgs/about_us.jpg) no-repeat center top;
}

body#booking {
	background:#17acf1 url(../images/bgs/booking.jpg) no-repeat center top;
}
.mainContainer#booking {
	background:#17acf1 url(../images/bgs/booking.jpg) no-repeat center top;
}

body#visiting_us{
	background:#ffd862 url(../images/bgs/visiting_us.jpg) no-repeat center top;
}
.mainContainer#visiting_us{
	background:#ffd862 url(../images/bgs/visiting_us.jpg) no-repeat center top;
}

body#support_us{
	background:#c6bfc4 url(../images/bgs/support_us.jpg) no-repeat center top;
}
.mainContainer#support_us{
	background:#c6bfc4 url(../images/bgs/support_us.jpg) no-repeat center top;
}

body#contact_us{
	background:#549879 url(../images/bgs/contact_us.jpg) no-repeat center top;
}
.mainContainer#contact_us{
	background:#549879 url(../images/bgs/contact_us.jpg) no-repeat center top;
}

body#whats_on{
	background:#cbe64b url(../images/bgs/whats_on.jpg) no-repeat center top;
}
.mainContainer#whats_on{
	background:#cbe64b url(../images/bgs/whats_on.jpg) no-repeat center top;
}

.mainContainerShow {
	background: #FFF url(../images/bgs/show.jpg) no-repeat center top;
}

	.mainContainerShow #contentMain {
		background: url(../images/bgs/content/show_01.jpg) no-repeat;		
		float:left;
		width:930px;
		color:#000;	
		padding: 10p 0px 0px 0px;
	}
	
	.mainContainerShow #contentMainFooter {
		background:url(../images/bgs/content/show_02.jpg) no-repeat;		
		float:left;
		width:930px;
		height:78px;
		color:#000;	
		position:relative;
		top:-12px;
	}	
	
	* + html .mainContainerShoww #contentMainFooter {
		background:url(../images/bgs/content/show_02.jpg) no-repeat;		
		float:left;
		width:930px;
		height:78px;
		color:#000;	
		position:relative;
		top:0px;		
	}		

/* Show BGs
/* ------------------------------------------------------------------*/

body#cinderella {
	background: #54ADB5 url(../images/shows/cinderella.jpg) no-repeat center top;}
body#cinderella .mainContainerShow {
	background: #54ADB5 url(../images/shows/cinderella.jpg) no-repeat center top;}
	
	
	body#cinderella #contentMain {
		background: url(../images/bgs/content/show_01.png) no-repeat;		
		float:left;
		width:930px;
		color:#000;	
		padding: 10p 0px 0px 0px;
	}
	body#cinderella .mainContainerShow #contentMain {
		background: url(../images/bgs/content/show_01.png) no-repeat;		
		float:left;
		width:930px;
		color:#000;	
		padding: 10p 0px 0px 0px;
	}	
	
	body#cinderella #contentMainFooter {
		background:url(../images/bgs/content/show_02.png) no-repeat;		
		float:left;
		width:930px;
		height:78px;
		color:#000;	
		position:relative;
		top:-10px;
	}
	* + html body#cinderella .mainContainerShow #contentMainFooter {
		background:url(../images/bgs/content/show_02.png) no-repeat;		
		float:left;
		width:930px;
		height:78px;
		color:#000;	
		position:relative;
		top:0px;
	}	
	
	


/* Classes
/* ------------------------------------------------------------------*/

.clear{
	clear:both;
}

.left{
	float:left;
}

.right{
	float:right;
}

.red{
	color:#990000;
}

.facelift {
text-indent:-999em;
padding:0;
margin:0;}


/* Structure
--------------------------------------------------------------------- */

#main {
	width:950px;
	margin: 0 auto;
}

	#header {
		color:#FFFFFF;
		height:146px;
	}
	
		#header img {
			float:left;
		}	
		
		#header h1, #header h2 {
			text-indent:-999em;
		}
		
		ul#cssSelection{
			float:right;
			padding:0px;
		}
	
		#clearView a{
			float:right;
			background:url(../images/standard-view.png) no-repeat;	
			width:128px;
			height:107px;
			clear:both;
			text-indent:-999em;			
		}
		
		#fancyView {
			display:none;			
		}			


	#contentArea {
		clear:both;
	}
	
		#contentMain {
			width:700px;
			color:#000;
			float:left;
			}
			
		#contentMain ul li {
			list-style: circle;
			line-height:30px;}			


		#contentMain ul.staffList li{
			list-style:none;
			width:300px;
			float:left;
		}
		
		
			#contentMain ul.staffList li a{
				position:relative;
				top:4px;
				left: 5px;
			}	
		
			#contentMain ul.staffList li a:hover{
				color:#FFF;
			}		
		
		#contentMain ul.staffList li.department{
			display:block;
			clear:both;
			width:600px;
			height:40px;
			line-height:28px;	
			margin: 30px 0px 40px 0px;	
		}	
		
		* + html #contentMain ul.staffList li.department{
			float:none;
			width:600px;
			height:40px;
			line-height:28px;	
			margin: 30px 0px 40px 0px;	
		}			
		
		#contentMain ul.staffList li.ensemble{
			display:block;
			clear:both;
			width:600px;
			height:40px;
			line-height:28px;	
			margin: 30px 0px 0px 0px;	
		}			


#featuredShowsNew{
	width:696px;
	height:484px;
}

*+html #featuredShowsNew{
	width:696px;
	height:510px;
	margin: 0 0 10px 0;
}	

	#featuredShowsNew ul{
		list-style:none;
		margin: 0;
		padding: 30px 0 0 25px;
	}	
			
	#featuredShowsNew ul li{
		width:321px;
		float:left;
		padding: 5px;
		margin:0;
		list-style:none !important;
	}	
	
		#featuredShowsNew ul li .show{
			width:321px;
			height:215px;			
			position:relative;
			overflow:hidden;
		}					
		
			#featuredShowsNew ul li .show img.thumb{
				position:absolute;
				top:0px;
			}	
				
			#featuredShowsNew ul li .show .info{
				width:301px;
				padding: 10px 0 10px 20px;
				height:65px;
				position:absolute;
				bottom:-43px;
				background:#000;
				color:#fff;
				opacity:0.8;
			}	
			
			#featuredShowsNew ul li .show .info h3{
				color:#fff;
				margin:0px;
			}					
						
			
#featuredShows{
	width:696px;
	height:484px;
}	
			
#featuredShowsClean {
	float:left;
	width:710px;
	color:#000;
	display:none;
	}						
		
		#contentMainInner{
			width: 660px;
			margin: 30px 0px 0px 25px;
		}
		
			#contentMainInnerShow{
				width: 916px;
				margin: 0px 0px 0px 13px;
				/*background-color:#F1EECD;*/
				background:url(../images/bgs/content/show_03.png) repeat-y center top;
			}		
		
		#contentNews{
			background:#cbe64b url(../images/bgs/news.jpg) no-repeat center top;		
			float:right;
			width: 390px;
			height:300px;
			position:relative;
		}	
		
			#contentNews ul{
				position:absolute;
				top:120px;
				left:43px;
				list-style: circle;
				color:#FFFFFF;				
			}	
			
			#contentNews ul li {
				color:#FFFFFF;
				line-height:20px;
			}
			
			#contentNews ul li a {
				color:#FFFFFF;
				text-decoration:none;
			}						
			
			#contentNews ul li a:hover {
				color:#ffcc00;
				text-decoration: underline;
			}					
				
		#contentMainFooter {
			width:700px;
			position:relative;
			top:55px;
			height:55px;}
			
		#contentSide {
			float:right;		
			width:240px;
		}		

#footer {
	color:#000000;
	margin: 0px auto 0px auto;
	width:950px;
	height:100px;
	clear:both;
	padding: 45px 0px 0px 30px;
}

	#footerTwitter{
		float:left;
		width:370px;
		height:117px;
		background:url(../images/twitter.png) no-repeat;			
	}
	
		#tweet{
			width:256px;
			height:60px;
			padding: 30px 0 0 100px;
			position:relative;
		}	

	#credits {
		background:url(../images/footer.png) no-repeat;	
		float:left;
		font-size:9px;
		line-height:10px;
		width:430px;
		height:250px;
		padding: 40px 0px 0px 20px;
	}
	
	*+html #credits {
		background:url(../images/footer.png) no-repeat;	
		float:left;
		font-size:9px;
		line-height:10px;
		width:430px;
		height:131px;
		padding: 40px 0px 0px 20px;
	}	
	
	#backTo a{
		display:block;	
		width:235px;
		height:145px;
		background:url(../images/backto/get_involved.png) no-repeat;		
	}	
	
	body#for_schools #backTo a{
		display:block;		
		width:235px;
		height:145px;	
		background:url(../images/backto/for_schools.png) no-repeat;		
	}
	
	body#support_us #backTo a{
		display:block;		
		width:235px;
		height:145px;
		background:url(../images/backto/support.png) no-repeat;	
	}			
	

/* Generic Borders
--------------------------------------------------------------------- */

#default #contentMain {
	background:url(../images/bgs/content/default_01.png);		
}

#default #contentMainInner{
	background:#7f8759;
}
	
#default #contentMainFooter {
	background:url(../images/bgs/content/default_02.png);		
}	

#about_us h1,#about_us h2,#about_us h3 {
color:#ccc;}

#about_us #contentMain {
	background:url(../images/bgs/content/about_us_01.png);		
}

#about_us #contentMainInner{
	background:#005b7f;
	color:#FFFFFF;
}
	
#about_us #contentMainFooter {
	background:url(../images/bgs/content/about_us_02.png);		
}		

#whats_on #contentMain {
	background:url(../images/bgs/content/whats_on_01.png);		
}

#whats_on #contentMainInner{
	background:#faae56;
}
	
#whats_on #contentMainFooter {
	background:url(../images/bgs/content/whats_on_02.png);		
}		
	
#get_involved #contentMain {
	background:url(../images/bgs/content/get_involved_01.png);		
}

#get_involved #contentMainInner{
	background:#bedcec;
}
	
#get_involved #contentMainFooter {
	background:url(../images/bgs/content/get_involved_02.png);		
}	

#support_us #contentMain {
	background:url(../images/bgs/content/support_us_01.png);		
}

#support_us #contentMainInner{
	background:#dbe9f2;
}
	
#support_us #contentMainFooter {
	background:url(../images/bgs/content/support_us_02.png);		
}		

	
	
#visiting_us #contentMain {
	background:url(../images/bgs/content/visit_us_01.png);		
}

#visiting_us #contentMainInner{
	background:#ffffff;
}
	
#visiting_us #contentMainFooter {
	background:url(../images/bgs/content/visit_us_02.png);		
}	

#booking #contentMain {
	background:url(../images/bgs/content/booking_01.png);		
}

#booking #contentMainInner{
	background:#fff450;
}
	
#booking #contentMainFooter {
	background:url(../images/bgs/content/booking_02.png);		
}	

#contact_us #contentMain {
	background:url(../images/bgs/content/contact_us_01.png);		
}

#contact_us #contentMainInner{
	background:#c591df;
}
	
#contact_us #contentMainFooter {
	background:url(../images/bgs/content/contact_us_02.png);		
}		
			

/* Sections
--------------------------------------------------------------------- */
	
#sectionImages {
	width:660px;
	padding:0px;
	margin:0px;
	float:left;
}

#sectionImages img {
	margin: 5px 5px 20px 0px;
}

#sectionMenu {
	width:210px;
	float:right;
	margin-right:45px;	
}
	
	#sectionMenu ul li {
		list-style:none;
		width:210px;
		float:left;
		margin: 0 0 10px 0;
	}
	
		
		#sectionMenu ul li a:link, #sectionMenu ul li a:visited, #sectionMenu ul li a:active{
			color:#000000;
			display:block;
			background: url(../images/subNavBg.png) 0 0 no-repeat;
			padding:7px;
			width:200px;
			height:37px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			text-transform:capitalize;
			text-align:center;
			font-size:16px;
			line-height:16px;
			text-decoration:none;
		}	
		
		#sectionMenu ul li a:hover{
			background: url(../images/subNavBg.png) 0 -50px no-repeat;
		}	
		
			#sectionMenu ul li a#amber:link, #sectionMenu ul li a#amber:visited, #sectionMenu ul li a#amber:active{
				width:171px;
				height:61px;
				display:block;
				background: url(../images/gems/amber.jpg) 0 0 no-repeat;
				text-indent:-999em;
				text-decoration:none;
				padding:0px;
				margin:0px 0px 0px 15px;
			}	
			
			#sectionMenu ul li a#sapphire:link, #sectionMenu ul li a#sapphire:visited, #sectionMenu ul li a#sapphire:active{
				width:208px;
				height:50px;
				display:block;
				background: url(../images/gems/saphire.jpg) 0 0 no-repeat;
				text-indent:-999em;
				text-decoration:none;
				padding:0px;
				margin:0px;				
			}	
			
			#sectionMenu ul li a#emerald:link, #sectionMenu ul li a#emerald:visited, #sectionMenu ul li a#emerald:active{
				width:211px;
				height:53px;
				display:block;
				background: url(../images/gems/emerald.jpg) 0 0 no-repeat;
				text-indent:-999em;
				text-decoration:none;
				padding:0px;
				margin:0px;				
			}		
			
			#sectionMenu ul li a#ruby:link, #sectionMenu ul li a#ruby:visited, #sectionMenu ul li a#ruby:active{
				width:128px;
				height:51px;
				display:block;
				background: url(../images/gems/ruby.jpg) 0 0 no-repeat;
				text-indent:-999em;
				text-decoration:none;
				padding:0px;
				margin:0px 0px 0px 30px;				
			}	
			
			#sectionMenu ul li a#pearl:link, #sectionMenu ul li a#pearl:visited, #sectionMenu ul li a#pearl:active{
				width:152px;
				height:75px;
				display:block;
				background: url(../images/gems/pearl.jpg) 0 0 no-repeat;
				text-indent:-999em;
				text-decoration:none;
				padding:0px;
				margin:0px 0px 0px 20px;		
			}
			
			#sectionMenu ul li a#diamond:link, #sectionMenu ul li a#diamond:visited, #sectionMenu ul li a#diamond:active{
				width:170px;
				height:78px;
				display:block;
				background: url(../images/gems/diamond.jpg) 0 0 no-repeat;
				text-indent:-999em;
				text-decoration:none;
				padding:0px;
				margin:0px 0px 0px 15px;			
			}		
			
			#sectionMenu ul li a#join:link, #sectionMenu ul li a#join:visited, #sectionMenu ul li a#join:active{
				width:165px;
				height:64px;
				display:block;
				background: url(../images/gems/join.jpg) 0 0 no-repeat;
				text-indent:-999em;
				text-decoration:none;
				padding:0px;
				margin:0px 0px 0px 15px;				
			}																			
		

			


#sectionText {
	width:380px;
	float:left;
	margin: 20px 0px 0px 20px;
	position:relative;
}

#sectionTextWide {
	width:630px;
	margin: 20px 0px 0px 20px;
	float:left;
}


/* Whats on
--------------------------------------------------------------------- */


.showListShow {
	cursor:hand !important;
	float:left;
	width:321px;
	height:215px;	
	margin: 0px 5px 5px 0px;
}

.showListShowFeatured {
	float:left;
	width:645px;
	height:215px;	
	margin: 0px 5px 5px 0px;
}

.quickList {
height:112px;
margin: 0px 20px 0px 20px;
padding:20px 0px 10px 0px;
border-bottom:2px dashed #b22;}

.quickListText {
float:left;
margin-left:20px;}

.quickListImage img {
float:left;
margin-left:20px;
border:2px solid #b22;}

.showListShowDetailsF{
	background-image:url(../images/shows/showListShowDetailsF.png);
	background-repeat:no-repeat;
	width:645px;
	height:215px;
	position: relative;
	top:-215px;
	left:0px;
}

.showListShowDetails0{
	background-image:url(../images/shows/showListShowDetails.png);
	background-repeat:no-repeat;
	width:321px;
	height:215px;
	position: relative;
	top:-215px;
	left:0px;
}

.showListShowDetails1{
	background-image:url(../images/shows/showListShowDetails2.png);
	background-repeat: no-repeat;
	width:321px;
	height:215px;
	position: relative;
	top:-215px;
	left:0px;
}

.showListShowDetails2{
	background-image:url(../images/shows/showListShowDetails3.png);
	background-repeat: no-repeat;	
	width:321px;
	height:215px;
	position: relative;
	top:-215px;
	left:0px;
}

.showListShowDetails3{
	background-image:url(../images/shows/showListShowDetails4.png);
	background-repeat: no-repeat;	
	width:321px;
	height:215px;
	position: relative;
	top:-215px;
	left:0px;
}

.showListShowDetails4{
	background-image:url(../images/shows/showListShowDetails4.png);
	background-repeat: no-repeat;	
	width:321px;
	height:215px;
	position: relative;
	top:-215px;
	left:0px;
}

.showListShowDetails5{
	background-image:url(../images/shows/showListShowDetails4.png);
	background-repeat: no-repeat;	
	width:321px;
	height:215px;
	position: relative;
	top:-215px;
	left:0px;
}

.showListShowDetails6{
	background-image:url(../images/shows/showListShowDetails4.png);
	background-repeat: no-repeat;	
	width:321px;
	height:215px;
	position: relative;
	top:-215px;
	left:0px;
}

.showListShowDetails7{
	background-image:url(../images/shows/showListShowDetails4.png);
	background-repeat: no-repeat;	
	width:321px;
	height:215px;
	position: relative;
	top:-215px;
	left:0px;
}


.showListShowDetails8{
	background-image:url(../images/shows/showListShowDetails4.png);
	background-repeat: no-repeat;	
	width:321px;
	height:215px;
	position: relative;
	top:-215px;
	left:0px;
}


	.showListShowTitle{
		font-size:24px;
		position:relative;
		top: 147px;
		left:44px;
	}
	
	.showListShowDates{
		font-size:20px;
		position:relative;
		top: 152px;
		left:60px;	
	}
	
	.showListShowReadMore{
		font-size:20px;
		position:relative;
		top: 0px;
		left:330px;	
	}
	
	.showListShowBookNow{
		font-size:20px;
		position:relative;
		top: 0px;
		left:330px;	
	}

/* Whats on - Detailed
--------------------------------------------------------------------- */


/* Shows
--------------------------------------------------------------------- */	

#whatsOnList {
width:650px;}

.comingSoon {
padding-bottom:10px;
border-bottom: 1px solid #000;}


/* the overlayed element */
.overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#000;
	
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.overlay .close {
	background-image:url(../images/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}





	#showGallery {
		width:600px;
		height:460px;
		}
		
		
	#overlayGallery{
		width:600px;
		height:460px;
	}
	
	
	
	#overlayVideo{

	}	


/* Also Like
--------------------------------------------------------------------- */


.alsoLikeShow {
	background-image:url(../images/alsolike/bg.png);
	float:right;
	width:264px;
	height:200px; 	
	margin: 0px 5px 5px 0px;
	padding: 50px 0px 0px 0px;
}

	.alsoLikeShow h3{
		text-indent:-999em;
		display:none;
	}


.alsoLikeDetails{
	background-image:url(../images/showListShowDetails3.png);
	width:224px;
	height:57px;
	position:relative;
	top:-65px;
	left:20px;
	padding: 10px 0px 0px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.alsoLikeTitle{
	font-size:24px;
	text-align:left;
}

.alsoLikeDates{
	text-align:left;
	padding-top:5px;
	font-size:24px;
}


/* Navigation
/* --------------------------------------------------------------------------------------------------------------------------------*/


/* Main
--------------------------------------------------------------------- */

#menu{
	color:#FFFFFF;
	height:107px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position:relative;
	top:-6px;		
}

body#get_involved #menu, body#for_schools #menu, body#support_us #menu  {
	display:none;	
}

#menu ul{
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;		
}

#menu ul li{
	float:left;
	text-align:center; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	text-indent:-3000px;	
}


/* Buttons 
--------------------------------------------------------------------- */

/* Row 1 */

#menu #whats_on_nav a {
	background-image:url(../images/menu/nav_01.png);	
	width: 180px;
	height: 54px;
	display: block;
}
#menu #whats_on_nav a:hover {
	background-position: -180px 0;
}

ul#nav #for_schools_nav a {
	background-image:url(../images/menu/nav_02.png);	
	width: 266px;
	height: 54px;
	display: block;
}
ul#nav #for_schools_nav a:hover {
	background-position: -266px 0;
}

ul#nav #get_involved_nav a {
	background-image:url(../images/menu/nav_03.png);	
	width: 260px;
	height: 54px;
	display: block;
}
ul#nav #get_involved_nav a:hover {
	background-position: -260px 0;
}

ul#nav #about_us_nav a {
	background-image:url(../images/menu/nav_04.png); 	
	width: 244px;
	height: 54px;
	display: block;
}
ul#nav #about_us_nav a:hover {
	background-position: -244px 0;
}

/* Row 2 */

ul#nav #booking_nav a {
	background-image:url(../images/menu/nav_05.png);	
	width: 257px;
	height: 53px;
	display: block;
}
ul#nav #booking_nav a:hover {
	background-position: -257px 0;
}

ul#nav #visiting_us_nav a {
	background-image:url(../images/menu/nav_06.png);	
	width: 228px;
	height: 53px;
	display: block;
}
ul#nav #visiting_us_nav a:hover {
	background-position: -228px 0;
}

ul#nav #support_us_nav a {
	background-image:url(../images/menu/nav_07.png);	
	width: 240px;
	height: 53px;
	display: block;
}
ul#nav #support_us_nav a:hover {
	background-position: -240px 0;
}

ul#nav #contact_us_nav a {
	background-image:url(../images/menu/nav_08.png);	
	width: 225px;
	height: 53px;
	display: block;
}
ul#nav #contact_us_nav a:hover {
	background-position: -225px 0;
}

	
/* Sidebars 
--------------------------------------------------------------------- */

ul#sideBar{
	padding:0px;
}

ul#sideBar li a{
	text-indent:-3000px;	
}

/* default */

ul#sideBar #join_elist a {
	background:url(../images/sidebar/s_default_01.png) 0 0 no-repeat;
	width: 181px;
	height: 74px;
	display: block;
}

ul#sideBar #hireUnicorn a {
	background:url(../images/sidebar/HireTheUnicorn.png) 0 0 no-repeat;	
	width: 167px;
	height: 94px;
	display: block;}

ul#sideBar #quick_links a {
	background:url(../images/sidebar/s_default_02.png) 0 0 no-repeat;	
	width: 181px;
	height: 107px;
	display: block;
}

ul#sideBar #youtube a {
	background:url(../images/sidebar/s_default_03a.png) 0 0 no-repeat;
	width: 181px;
	height: 98px;
	display: block;
}

ul#sideBar #bebo a {
	background:url(../images/sidebar/s_bebo.png) 0 0 no-repeat;
	width: 176px;
	height: 41px;
	display: block;
}

ul#sideBar #twitter a {
	background:url(../images/sidebar/s_twitter.png) 0 0 no-repeat;
	width: 176px;
	height: 41px;
	display: block;
}


ul#sideBar #facebook a {
	background:url(../images/sidebar/s_default_03b.png) 0 0 no-repeat;	
	width: 175px;
	height: 82px;
	display: block;
}


/* Schools */

ul#sideBar #book_now a {
	background:url(../images/sidebar/for_schools_01.png) 0 0 no-repeat;	
	width: 224px;
	height: 87px;
	display: block;
}

ul#sideBar #blogs a {
	background:url(../images/sidebar/for_schools_02.png) 0 0 no-repeat;	
	width: 224px;
	height: 136px;
	display: block;
}

ul#sideBar #downloads a {
	background:url(../images/sidebar/for_schools_03.png) 0 0 no-repeat;	
	width: 224px;
	height: 111px;
	display: block;
}

ul#sideBar #feedback a {
	background:url(../images/sidebar/for_schools_04.png) 0 0 no-repeat;	
	width: 224px;
	height: 92px;
	display: block;
}

/* Get Involved */

ul#sideBar #flyer a {
	background:url(../images/sidebar/get_involved_01.png) 0 0 no-repeat;	
	width: 212px;
	height: 125px;
	display: block;
}

ul#sideBar #animation a {
	background:url(../images/sidebar/get_involved_02.png) 0 0 no-repeat;	
	width: 212px;
	height: 107px;
	display: block;
}

ul#sideBar #interest_form a {
	background:url(../images/sidebar/get_involved_03.png) 0 0 no-repeat;	
	width: 212px;
	height: 143px;
	display: block;
}

ul#sideBar #youth_theatre a {
	background:url(../images/sidebar/get_involved_04.png) 0 0 no-repeat;	
	width: 212px;
	height: 125px;
	display: block;
}


/* Support Us */

ul#sideBar #diamondSB a {
	background:url(../images/sidebar/s_support_us_01.png) 0 0 no-repeat;
	width: 188px;
	height: 148px;
	display: block;
}

ul#sideBar #payrollSB a {
	background:url(../images/sidebar/s_support_us_02.png) 0 0 no-repeat;	
	width: 188px;
	height: 82px;
	display: block;
}

ul#sideBar #willSB a {
	background:url(../images/sidebar/s_support_us_03.png) 0 0 no-repeat;	
	width: 188px;
	height: 149px;
	display: block;
}

ul#sideBar #memorySB a {
	background:url(../images/sidebar/s_support_us_04.png) 0 0 no-repeat;	
	width: 188px;
	height: 112px;
	display: block;
}

#sectionText img.logo{
	margin: 0px 10px 10px 0px;
	border: 2px #dbe9f2 solid;	
}


#sectionText img:hover.logo{
	border: 2px #80d32d solid;
}

/* Forms
/* --------------------------------------------------------------------------------------------------------------------------------*/


span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;}
 
div.formHolder{
	margin:0px auto 0px auto; 
	width:300px;
};

dl#feebackForm{
	width:600px;
}
	
	dl#feebackForm dt{
		width: 200px;
		float:left;
	}
	
	dl#feebackForm dt label{
		float:right;
		margin: 0px 10px 0px 0px;
	}	
	
	dd#feebackForm dd{
		display:block;
		width: 400px;
		float:right;
	}	

			.focusField{  
			padding:5px;	
			border:solid 2px #50b847;
			margin:0px 0px 5px 0px;  
			background:#c9c9c9;  
			color:#000;}  
		
			 .idleField{
			padding:5px;
			background:#EEE;  
			color: #6F6F6F;  
			margin:0px 0px 5px 0px;  			
			border: solid 2px #DFDFDF;}		
	
	
	div#feedbackFormErrorDisplay{
		width:430px;
		margin: 20px 0px 0px 20px;
		float:left;	
		border: 2px solid #990000;
		background-color:#FFCC66;
		color:#FF0000;
		padding: 5px;
	}
	
#MailingListForm {
	margin:0px auto 0px auto; 
	width:400px;
}

	#MailingListForm dl.mlf {
		width:400px;
	}
	
		#MailingListForm dl.mlf dt{
			float: left; clear: left; width: 100px; text-align: right; font-weight: bold; 
		}
		
		#MailingListForm dl.mlf dd{
			 margin: 0 0 0 110px; padding: 0 0 0.5em 0; 
		}	
		
			#MailingListForm dl.mlf dd imput{
				float:left;
			}		
	

/* OLD CODE

#MailingListForm {
	margin:0px auto 0px auto; 
	width:400px;
}

	#MailingListForm dl.mlf {
		width:inherit;
	}
	
		#MailingListForm dl.mlf dt{
			min-height: 50px;
			width:150px;		
			float:left;
			clear:left;
			font-weight:bold;
		}
		
		#MailingListForm dl.mlf dd{
			min-height: 50px;
			float:left;
			clear:right;
			width:200px;
		}	
		
			#MailingListForm dl.mlf dd imput{
				float:left;
				width:200px;
			}				
		
*/
			

/* Shows
/* --------------------------------------------------------------------------------------------------------------------------------*/



	
	#showContent {}

		body.show #showSidebar{
			float:right;
			width: 205px;
			text-align:center;
		}
		
			body.show #showImage{
				margin:10px 0px;
				position:relative;
				left:-10px;
			}

				body.show #showImage img{ 
					float:right;
				}
				
				body.show #showImage object{ 
					float:right;
					margin: 0px 30px 0px 0px;
				}				
			
			body.show #showNav{ 
				width:264px;
				margin:0;				
			}
			
			body.show #showNav ul{ 
				margin:0;				
				padding:0;
				float:left;
				text-align:center;
			}			
					
			body.show #showNav ul li {
				/*	float:left;	*/
				list-style:none;
			}

				#showNav li.bookNow  {
					width:186px;
					margin: 0 auto 0 auto;
				}
				
				#showNav .bookNow a {
					width:186px;
					height:51px;					
					display:block;
					color:#000;
					text-indent:-999em;		
					background:url(../images/shows/nav/book-btn.png) 0 0 no-repeat;
				}
				
				#showNav .bookNow a:hover {
					background-position: 0 -51px;
				}					

				#showNav li.aboutBtn {
					width:177px;
					margin: 0 auto 0 auto;					
				}
				
				
				#showNav .aboutBtn a{
					height:48px;
					width:177px;
					display:block;
					color:#000;
					text-indent:-999em;		
					background:url(../images/shows/nav/about-btn.png) 0 0 no-repeat;
				}
				
				#showNav .aboutBtn a:hover {
					background-position: 0 -48px;
				}	

				#showNav li.timeBtn {
					width:128px;
					margin: 0 auto 0 auto;							
				}
				
				#showNav .timeBtn a {
					height:64px;
					width:128px;
					display:block;
					color:#000;
					text-indent:-999em;		
					background:url(../images/shows/nav/time-btn.png) 0 0 no-repeat;
				}
				
				#showNav .timeBtn a:hover {
					background-position: 0 -64px;
				}
				
				#showNav li.accessBtn {
					width:273px;
					margin: 0 auto 0 auto;							
				}
				
				#showNav .accessBtn a {
					height:76px;
					width:273px;
					display:block;
					color:#000;
					text-indent:-999em;		
					background:url(../images/shows/nav/access.png) 0 0 no-repeat;
				}
				
				#showNav .accessBtn a:hover {
					background-position: 0 -76px;
				}	
				
				#showNav li.teamBtn {
					width:167px;
					margin: 0 auto 0 auto;						
				}				

				#showNav .teamBtn a{
					height:50px;
					width:167px;
					display:block;
					color:#000;
					text-indent:-999em;		
					background:url(../images/shows/nav/team-btn.png) 0 0 no-repeat;
				}
				
				#showNav .teamBtn a:hover {
					background-position: 0 -50px;
				}	
				
				#showNav li.reviewsBtn {
					width:172px;
					margin: 0 auto 0 auto;						
				}				
				
				#showNav .reviewsBtn a{
					height:44px;
					width:172px;
					display:block;
					color:#000;
					text-indent:-999em;		
					background:url(../images/shows/nav/reviews-btn.png) 0 0 no-repeat;
				}
				
				#showNav .reviewsBtn a:hover {
					background-position: 0 -44px;
				}
				
				#showNav li.blogBtn {
					width:104px;
					margin: 0 auto 0 auto;						
				}				
				
				#showNav .blogBtn a{
					height:44px;
					width:104px;
					display:block;
					color:#000;
					text-indent:-999em;		
					background:url(../images/shows/nav/blog-btn.png) 0 0 no-repeat;
				}
				
				#showNav .blogBtn a:hover {
					background-position: 0 -44px;
				}		

				#showNav li.workshopBtn {
					width:182px;
					margin: 0 auto 0 auto;							
				}
				
				#showNav .workshopBtn a{
					height:42px;
					width:182px;
					display:block;
					color:#000;
					text-indent:-999em;		
					background:url(../images/shows/nav/workshops-btn.png) 0 0 no-repeat;
				}
				
				#showNav .workshopBtn a:hover {
					background-position: 0 -42px;
				}
				
				#showNav li.galleryBtn {
					width:178px;
					margin: 0 auto 0 auto;								
				}	
				
				#showNav .galleryBtn a{
					height:48px;
					width:178px;
					display:block;
					color:#000;
					text-indent:-999em;		
					background:url(../images/shows/nav/gallery-btn.png) 0 0 no-repeat;
				}
				
				#showNav .galleryBtn a:hover {
					background-position: 0 -48px;
				}
				
				#showNav li.videoBtn{
					width:115px;
					margin: 0 auto 0 auto;						
				}				
				
				#showNav .videoBtn a{
					height:44px;
					width:115px;
					display:block;
					color:#000;
					text-indent:-999em;		
					background:url(../images/shows/nav/video-btn.png) 0 0 no-repeat;
				}
				
				#showNav .videoBtn a:hover {
					background-position: 0 -44px;
				}	
				
				#showNav li.podcastBtn {
					width:193px;
					margin: 0 auto 0 auto;							
				}				
						
				#showNav .podcastBtn a{
					height:44px;
					width:193px;
					display:block;
					color:#000;
					text-indent:-999em;		
					background:url(../images/shows/nav/podcast-btn.png) 0 0 no-repeat;
				}
				
				#showNav .podcastBtn a:hover {
					background-position: 0 -44px;
				}	
						
			

			
		body.show #showAge { 
			width:150px;
			height: 200px;
			float:left;
			margin: 20px auto 0px 30px;
		}
		
		
		body.show #relatedShow { 
			background-image:url(../images/alsolike/temp.png);
			clear:both;
			float:right;
			width:264px;
			height: 253px;
		}					
	
	body.show #showText { 
		float:left;
		width:500px;
		margin: 20px 0px 0px 40px;
	}
	
	body.show h1.showTitle{
		display:none;
	}
	
	body.show .showTitle{
	}	
	

/* More Pages
/* ------------------------------------------------------------------*/

#More_Pages{
	width:249px;
	height:66px;
	clear:both;
	float:right;
	background:url(../images/pagination.jpg) no-repeat;	
	margin:5px 200px 0px 0px;
}

	#More_Pages h4{
		display:none;
	}

	
	/* IE7 Hack */
	* + html #More_Pages ul {
		margin: 18px 0px 0px 25px;
	}
		
		
	#More_Pages ul {
		list-style:none;
	}
			
		#More_Pages ul li{ 
			float:left;
			margin: 15px 0px 0px 3px;
			font-weight:bold;
			list-style:none;			
		}
		
		#More_Pages ul li a{
			text-decoration:none;
			font-weight:normal;
		}		
	
blockquote {
	background-image:url(../images/blockquote.png);
	background-position:left top;
	background-repeat:no-repeat;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	margin:0;
	min-height:50px;
	padding:0 0 0 50px;
}


/* Staff 
/* ------------------------------------------------------------------*/



.staff{
	clear:both;
	font-size:12px;
	margin: 0px 0px 5px 0px;
	height:140px;	
}

	.staff img{
		float:left;
	}

	.staff p{
		margin: 0px 0px 10px 0px;
		padding:0px;
		line-height:12px;
	}

	.staff #details{
		float:left;
		height:130px;
		width:150px;
		padding: 5px;
	}
	
	.staff #contact{
		float:left;
		height:130px;
		padding: 5px;
	}

#contentNews h2 {
text-indent:-999em;}


/* Blog 
/* ------------------------------------------------------------------*/

.blog_item{
	margin:50px 0px 50px 20px;
	width:650px;
}

#sectionTextBlog{
	width:400px;
	margin:0px 0px 0px 40px;
	float:left;
}

#addComments {
	width:400px;
	float:left;
	margin: 20px 0px 0px 0px;
}

	#addComments dl dt {
		float:left;
		clear:left;
		margin: 0px 0px 18px 0px;
	}
	
	#addComments dl dd {
		float:right;
		clear:right;
		width:263px;
	}	

#viewComments {
	width:380px;
	float:left;
	margin: 20px 0px 0px 0px;
}

#sectionMenuBlog {
	width:210px;
	float:right;
	margin: 0px 50px 0px 0px;	
}



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

		#sectionMenuBlog ul li a:link, #sectionMenuBlog ul li a:visited, #sectionMenuBlog ul li a:active{
			color:#000000;
			display:block;
			background: url(../images/subNavBg.png) 0 0 no-repeat;
			padding:7px;
			width:200px;
			height:37px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			text-transform:capitalize;
			text-align:center;
			font-size:16px;
			line-height:16px;
			text-decoration:none;
		}	
		
		#sectionMenuBlog ul li a:hover{
			background: url(../images/subNavBg.png) 0 -50px no-repeat;
		}	
	



/* Quicklinks
/* ------------------------------------------------------------------*/

#ageband{
	width:519px;
	height:164px;
	margin: 0px auto 0px auto;
}

#ageband ul{
	list-style:none;
	background:url(../images/quicklinks/age_band.jpg) 0 0 no-repeat;
	width:519px;
	height:164px;
	list-style:none;
	padding:60px 0px 0px 40px;
}

	#ageband ul li{
		float:left;
		margin: 0px 8px 0px 0px;
		padding: 0px;
		list-style:none;	
	}
	
		#ageband ul li.single{
			float:left;
			margin: 0px 15px 0px 0px;
			padding: 0px;
			list-style:none;	
		}	
	
	
		#ageband ul li a{
			text-decoration:none;
		}
		

			div#ageband ul li a#number0{
				display:block;
				width:24px;
				height:31px;
				text-indent:-999em;
				background:url(../images/quicklinks/0.jpg) 0 0 no-repeat;
			}
			
			div#ageband ul li a#number1{
				display:block;
				width:24px;
				height:31px;
				text-indent:-999em;
				background:url(../images/quicklinks/1.jpg) 0 0 no-repeat;
			}
			
			div#ageband ul li a#number2{
				display:block;
				width:25px;
				height:31px;
				text-indent:-999em;
				background:url(../images/quicklinks/2.jpg) 0 0 no-repeat;
			}
			
									
			div#ageband ul li a#number3{
				display:block;
				width:24px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/3.jpg) 0 0 no-repeat;
			}
			
			div#ageband ul li a#number4{
				display:block;
				width:24px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/4.jpg) 0 0 no-repeat;
			}		
			
			div#ageband ul li a#number5{
				display:block;
				width:24px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/5.jpg) 0 0 no-repeat;
			}
			
			div#ageband ul li a#number6{
				display:block;
				width:24px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/6.jpg) 0 0 no-repeat;
			}
			
			div#ageband ul li a#number7{
				display:block;
				width:24px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/7.jpg) 0 0 no-repeat;
			}
			
			div#ageband ul li a#number8{
				display:block;
				width:24px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/8.jpg) 0 0 no-repeat;
			}
			
			div#ageband ul li a#number9{
				display:block;
				width:24px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/9.jpg) 0 0 no-repeat;
			}
			
			div#ageband ul li a#number10{
				display:block;
				width:28px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/10.jpg) 0 0 no-repeat;
			}
			
			div#ageband ul li a#number11{
				display:block;
				width:28px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/11.jpg) 0 0 no-repeat;
			}			
			
			div#ageband ul li a#number12{
				display:block;
				width:28px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/12.jpg) 0 0 no-repeat;
			}	
			
			div#ageband ul li a#number13{
				display:block;
				width:28px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/13.jpg) 0 0 no-repeat;
			}	
			
			div#ageband ul li a#number14{
				display:block;
				width:28px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/14.jpg) 0 0 no-repeat;
			}	
			
			div#ageband ul li a#number15{
				display:block;
				width:28px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/15.jpg) 0 0 no-repeat;
			}	
			
			div#ageband ul li a#number16{
				display:block;
				width:28px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/16.jpg) 0 0 no-repeat;
			}	
			
			div#ageband ul li a#number17{
				display:block;
				width:28px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/17.jpg) 0 0 no-repeat;
			}	
			
			div#ageband ul li a#number18{
				display:block;
				width:28px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/18.jpg) 0 0 no-repeat;
			}	
			
			div#ageband ul li a#number19{
				display:block;
				width:28px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/19.jpg) 0 0 no-repeat;
			}	
			
			div#ageband ul li a#number20{
				display:block;
				width:32px;
				height:28px;
				text-indent:-999em;
				background:url(../images/quicklinks/20.jpg) 0 0 no-repeat;
			}	
			
																																																


	/* sitemap
	/* ------------------------------------------------------------------*/
	

	#sitemap{
		margin: 0px 0px 0px 30px;	
	}

	#sitemap a{
		text-decoration:none;		
	}
	
	#sitemap h3{
		color: #000;
		margin:0px 0px 10px 0px;
		font-size:24px;	
	}
	
	#sitemap ul  {
		width:140px;
		margin:0px 50px 30px 0px;
		padding:0px;
	}
	
	
	#sitemap ul li {
		color: #000;
		margin:0px 0px 0px 0px;
		font-size:12px;
		list-style:none;
		margin:0px;
		padding:0px;
		line-height:18px;
	}
	
	#sitemap ul li h4{
		line-height:22px;
	}	
	
	/* Search
	/* ------------------------------------------------------------------*/
	

	#search{
		margin: 30px 0px 30px 30px;
		width:500px;
		margin: 0px auto 30px auto;
	}
	
	#search div.left{
		margin: 0px 30px 0px 0px;	
	}	

	.result{
		padding: 0px 30px 0px 30px;	
	}
	
	#pagination{
		padding: 0px 0px 0px 0px;
		margin: 50px 30px 0px 30px;
	}

#followUnicorn {
	position:relative;
	top:100px;
	left:50px;
	float:left;
	height:78px;
	width:84px;
}

#otherEvents a {
	background:url(../images/OtherEvents.png) 0 0 no-repeat;
	text-indent:-999em;
	float:right;
	width:172px;
	height:107px;
	display:block;
}



	/* Alert
	/* ------------------------------------------------------------------*/
	
	
	#alert{
		height:96px;
		background: #f9d050 url(../images/alerts/bg.jpg) repeat-x;
		clear:both;
	}
	
		#alert #content{
			width:960px;
			margin:0 auto;
		}	
		
			#alert #content h2{
				font-family: Arial, Verdana, Helvetica, sans-serif;
				font-size:17px;
				color:#dc2225;	
				margin: 0px;
				padding: 0px;
				line-height:22px;
			}	
			
			#alert #content h3{
				font-family: Arial, Verdana, Helvetica, sans-serif;
				font-size:14px;
				color:#dc2225;	
				margin: 0px;
				padding: 0px;
				line-height:14px;
			}				
				
		
			#alert #content #icon{
				height:67px;
				width:82px;
				float:left;
				margin: 14px 0px;
				background: #f9d050 url(../images/alerts/warning.jpg);				
			}	
			
			#alert #content #title{
				height:67px;
				width:180px;
				float:left;
				font-weight:bold;
				color:#dc2225;				
				margin: 14px 30px 0px 30px;			
			}	
			
			#alert #content #body{
				height:67px;
				width:540px;				
				float:left;
				margin: 14px 0px;
				color:#dc2225;
			}
			
				#alert a:link, #alert a:active, #alert a:visited{
					color:#1384b8 !important;;
					text-decoration:none !important;;
				}

				
				#alert a:hover  {
					text-decoration:underline !important;;
				}
			
				#alert #content #body p{
					margin:0 0 18px 0;
					padding:0;
				}