@charset "utf-8";

@import url("nav.css");

.inputtext {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	border: #888888 1px solid;
	height: 17px;
	width: 120px;
	padding: 1px 3px;
}

.inputtextrequired {
	color: #444;
	background-color: #e2d0ff;
	font-size: 11px;
	border: #888888 1px solid;
	height: 17px;
	width: 120px;
	padding: 1px 3px;
}	
.inputselect {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	border: #888888 1px solid;
	height: 17px;
	padding: 1px 0px 1px 3px;
	width: 120px;
}	
.inputtextarea {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	border: #888888 1px solid;
}	
.inputtextarearequired {
	color: #444;
	background-color: #e2d0ff;
	font-size: 11px;
	border: #888888 1px solid;
}	
.inputbutton {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	cursor: pointer;
	border:  1px solid;
	height: 19px;
	width: 80px;
	font-weight : bold;
}

/* ==================================== */

html, body {
	height: 100%;
}

body#site {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;  
	background: url(../images/bodybg.jpg) repeat-x #fff;
	line-height: 1.5em;
}

* html #body2 {
	height: 100%;
}

@-moz-document url-prefix() {
	body#site {
		overflow-y: scroll;
	}
}

h1 {
	font-size: 22px;
	color: #666;
	line-height: normal;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px 0 55px 0;
}

h2 {
	font-size: 12px;
	margin: 10px 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #6B41AD;
}

.debut a {
	color: #00b0d9;
}

.performa a {
	color: #e66e32;
}

strong, b {
	color: #777;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

td {
	font-size: 12px;
}

#container, #footer {
	width: 943px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 192px;
	background: url(../images/header1_old.jpg);
	margin: 0 0 10px 0;
	position: relative;
}

	.principle .headerLink {
		position: absolute;
		top: 109px;
		display: block;
		height: 20px;
	}
	
	.headerLink {
		position: absolute;
		top: 94px;
		display: block;
		height: 20px;
	}
	
	.headerLink:hover {
		text-decoration: none;
	}
	
	.headerLink b {
		visibility: hidden;
	}
	
	.principle #header-schools {
		right: 485px;
		width: 70px;
	}
	.principle #header-colleges {
		right: 405px;
		width: 80px;
	}
	.principle #header-theatres {
		right: 325px;
		width: 80px;
	}
	.principle #header-churches {
		right: 236px;
		width: 89px;
	}
	.principle #header-community {
		right: 78px;
		width: 158px;
	}
	
	#header-schools {
		right: 470px;
		width: 70px;
	}
	#header-colleges {
		right: 390px;
		width: 80px;
	}
	#header-theatres {
		right: 310px;
		width: 80px;
	}
	#header-churches {
		right: 221px;
		width: 89px;
	}
	#header-community {
		right: 63px;
		width: 158px;
	}

.performa #header {
	background: url(../images/header2.jpg);
}

.debut #header {
	background: url(../images/header3.jpg);
}

.principle #header {
	background: url(../images/header1.jpg);
}

#nav {
	width: 140px;
	float: left;
	margin: 0 20px 0 0;
}

#right {
	width: 783px;
	float: right;
	min-height: 477px;
}

#right.furtherRight {
	background: url(../images/furtherTopBG.jpg) no-repeat;
	padding: 0 30px 30px 23px;
	width: 730px;
}

* html right {	
	height: 477px;
}

	#mainHome {
		width: 780px;
		height: 260px;
		background: url(../images/mainHome.jpg);
		margin: 0 0 15px 0;
	}
	
		#mainHome strong {
			color: #fff;
		}
	
		#homep1 {
			width: 250px;
			margin:61px 0 43px 30px;
			float: left;
			font-size: 13px;
			color: #fff;
		}
		
		#homep2 {
			width: 156px;
			float: right;
			margin: 47px 63px 43px 0;
			color: #333;
			font-size: 11px;
			line-height: 1.3em;
		}
		
		#homep3 {
			margin: 0 0 0 30px;
			color: #444;
			float: left;
			clear: both;
			width: 430px;
		}
		
			#homep3 a {
				font-weight: bold;
				color: #fff;
			}
			
		a#homeEnquire {
			display: block;
			clear: right;
			width: 117px;
			height: 34px;
			float: right;
			margin: -8px 103px 0 0;
		}
		
		a#homeEnquire:hover {
			text-decoration: none;
		}
		
			a#homeEnquire b {
				visibility: hidden;
			}

	#topDeck {
		width: 247px;
		height: 175px;
		float: left;
		background: url(../images/topDeck.jpg);
	}
	#topDeck a, #Seating a {
	color:#333333;
	font-weight:bold;
	}
	#Seating {
		position:relative;
		width: 247px;
		height: 175px;
		float: left;
		background: url(../images/seatinglinks.jpg);
	}
	
	#debut {
		position:relative;
		width: 251px;
		height: 175px;
		float: left;
		margin: 0 17px 0 17px;
		/*background: url(../images/debut.jpg);*/
	}
		#debut a, #principle a {
	color:#ffffff;
	font-weight:bold;
	}
	#principle {
		width: 250px;
		height: 175px;
		float: left;
		
	}
	
		#topDeck p, #debut p, #principle p, #Seating p {
			width: 120px;
			font-size: 11px;
			line-height: 1.3em;
			margin-top: 43px;
		}
		
		#topDeck p, #Seating p {
			margin-left: 24px;
		}
		#debut p, #principle p  {
			margin-left: 18px;
			color: #fff;
		}

#footerWrap {
	width: 100%;
	height: 125px;
	text-align: center;
	background: #333;
	border-top: 6px solid #8cc63e;
	clear: both;
}

.performa #footerWrap {
	border-top: 6px solid #00b0d9;
}

.debut #footerWrap {
	border-top: 6px solid #e66e32;
}

#footer {
	height: 90px;
	padding: 35px 15px 0 15px;
	width: 913px;
	color: #fff;
}

#footerLeft {
		width: 35%;}
#footerRight {
		width: 65%;}

	#footerLeft, #footerRight {
		float: left;
		font-size: 12px;
		height: 30px;
		font-weight:bold;
	}
	
	#footer a {
		color: #fff;
	}
	
	#footerText  {
		clear: both;
		margin: 30px 0 0 0;
		*position: relative;
		*top: -40px;
	}
	
#nav a.purple{
	color:#6B44AE;
	}
#nav a.orange{
	color:#E66E32;
	}
#nav a.blue{
	color:#00B0D9;
	}

#nav a.purple:hover{
	color:#ffffff;
	}
#nav a.orange:hover{
	color:#ffffff;
	}
#nav a.blue:hover{
	color:#ffffff;
	}
#seatingimg{
	position:absolute;
	top:12px;
	right:12px;
	display:block;
	width:95px;
	height:152px;
	}
#seatingimg:hover{
	text-decoration:none;
	}
#seatingimg2{
	position:absolute;
	top:12px;
	right:12px;
	display:block;
	width:92px;
	height:152px;
	}
#seatingimg2:hover{
	text-decoration:none;
	}