/* CSS Document */
*{margin:0;padding:0;}

body{
	font-family: "lucida grande", Helvetica, tahoma, verdana, arial, sans-serif;
	font-size:0.9em;
	text-align:left;
}

.clearfix:after{content: ".";display:block;height:1%;clear:both;visibility:hidden;margin:0;}

.floatleft{float:left;}

.clearboth{clear:both;}

h1,h2,h3,h4,h5,h6{
	font-family: "Cambria", "Adobe Garamond Pro", "Baskerville Old Face", Capitals, Times, serif;
	font-variant:small-caps;
}

.noborder{
	border:none;
}

span.tinytext{
	font-size:0.6em;
}

.smalltext{
	font-size:0.9em;
}

.center{
	text-align:center;
}

p{
	font-size:1em;
	margin-top:10px;
	margin-bottom:10px;
	line-height:18px;
}

body#theatre{
	color:#ddd;
	background-color:#000;
	background-repeat:none;
	background-position:top center;
	}
	
#inner_wrapper{
	margin-left:auto;
	margin-right:auto;
	width:930px;
	border-left:12px solid #111;
	border-right:12px solid #111;	
	border-top:12px solid #222;	
	position:relative;
	margin-top:10px;
	}
	
	
.top{
	width:930px;
	height:77px;
	margin-left:auto;
	margin-right:auto;
	background-position:top;
	}
.top h1{	
	text-indent:-9000px;
}	
.top:hover{background-position:bottom;}
	
#homeheader{
	background-image:url(../images/headers/main.jpg);
}
#homeheaderblank{
	background-image:url(../images/headers/main.jpg);
}
#homeheaderblank:hover{
	background-position:top
}
#blankheader{
	background-image:url(../images/headers/main_blank.jpg);
}
#storyheader{
	background-image:url(../images/headers/storytellers.jpg);
}
#streetheader{
	background-image:url(../images/headers/streetwalkers.jpg);
}
#pantoheader{
	background-image:url(../images/headers/pantomimes.jpg);
}
#contactheader{
	background-image:url(../images/headers/contact.jpg);
}
#aboutheader{
	background-image:url(../images/headers/about.jpg);
}
#castingheader{
	background-image:url(../images/headers/jobs.jpg);
}
#bookingsheader{
	background-image:url(../images/headers/bookings.jpg);
}

#adminheader{
	background-image:url(../images/headers/admin.jpg);
}



#leftcurtain{
	width:930px;
	background-image:url(../images/backgrounds/curtain_right.jpg);
	background-repeat:repeat-y;
	background-position:top left;
	}

#rightcurtain{
	width:930px;
	background-image:url(../images/backgrounds/curtain_left.jpg);
	background-repeat:repeat-y;
	background-position:top right;
	}
	
.base{
	background-repeat:no-repeat;
	width:1000px;
	height:67px;
	padding-top:40px;
	padding-right:40px;
	margin-left:-36px;
	clear:both;
	}
	
#pendlebase,#storybase,#streetbase,#pantobase{
	background-image:url(../images/backgrounds/stage.png);
}

#links{
	position:absolute;
	margin-top:-50px;
	margin-left:3.5%;
	display:block;
	width:930px;
	}

#links span{
	margin-left:3.5%;
	margin-right:3.5%;
}
	
#content{
	margin-left:65px;
	margin-right:65px;
	padding-bottom:45px;
	border-bottom:8px solid #080808;
	padding-left:15px;
	padding-right:15px;
	border-left:#0f2f56 solid 3px;
	border-right:#0f2f56 solid 3px;
}	

#shadow{
	background:url(../images/backgrounds/shadow.png) repeat-x;
	padding-top:20px;
	margin-left:-15px;
	margin-right:-15px;
}

#content.street{
	background:url(../images/backgrounds/bg_street.jpg) repeat-x #023c04;
}

#content.story{
	background:url(../images/backgrounds/bg_story.jpg) repeat-x #021a3c;
}

#content.panto{
	background:url(../images/backgrounds/bg_panto.jpg) repeat-x #3c0311;
}

#content.pendle{
	background:url(../images/backgrounds/bg_pendle.jpg) repeat-x #02383c;
}




.booking{
	display:block;
	height:78px;
	width:150px;
	background:url(../images/spotlight/bookings.png);
	background-position:bottom left;
	margin-top:40px;
	text-indent:-9000px;
	float:left;
	}
span.booking:hover {
	background-position:bottom right;
	height:118px;
	width:150px;
	margin-top:0px;
	}

.about{
	display:block;
	height:78px;
	width:150px;
	background:url(../images/spotlight/about.png) bottom left;
	margin-top:40px;
	text-indent:-9000px;
	float:left;
	}
span.about:hover {
	background-position:bottom right;
	height:118px;
	width:150px;
	margin-top:0px;
	}

.contacts{
	display:block;
	height:78px;
	width:150px;
	background:url(../images/spotlight/contact.png) bottom left;
	margin-top:40px;
	text-indent:-9000px;
	float:left;
	}
span.contacts:hover {
	background-position:bottom right;
	height:118px;
	width:150px;
	margin-top:0px;
	}

.casting{
	display:block;
	height:78px;
	width:150px;
	background:url(../images/spotlight/jobs.png) bottom left;
	margin-top:40px;
	text-indent:-9000px;
	float:left;
	}
span.casting:hover {
	background-position:bottom right;
	height:118px;
	width:150px;
	margin-top:0px;
	}
	
blockquote, ul, .block{padding:5px 5px 5px 5px;margin:10px 5px 10px 5px;line-height:18px;}
blockquote:before{content:open-quote;}
blockquote:after{content:close-quote;}
.blockheader.street{background:#255325;border-top:2px solid #286828;border-bottom:2px solid #286828; }
.blockheader.story{background:#1c3c6b;border-top:2px solid #1355a6;border-bottom:2px solid #1355a6; }
.blockheader.panto{background:#601629;border-top:2px solid #731930;border-bottom:2px solid #731930; }
.blockheader.pendle{background:#0a474c;border-top:2px solid #318187;border-bottom:2px solid #318187; }

.street blockquote, ul.street, .block.street, .block.Streetwalkers{border:2px solid #286828;background:#255325;}
.story blockquote, ul.story, .block.story, .block.Storytellers{border:2px solid #1355a6;background:#1c3c6b;}
.panto blockquote, ul.panto, .block.panto, .block.Pantomimes{border:2px solid #731930;background:#601629;}
.pendle blockquote, ul.pendle, .block.pendle, .block.General{border:2px solid #318187;background:#0a474c;}



.block.story table.group{
	border: solid 4px #1355a6;
	background:#0a386f;
}

.block.street table.group{
	border: solid 4px #286828;
	background:#123112;
}

.block.panto table.group{
	border: solid 4px #731930;
	background:#420a18;
}

.blockheader{
	clear:both;
	padding-left:15px;
	margin-left:-15px;
	padding-right:15px;
	margin-right:-15px;
	margin-bottom:5px;
}

.quote{
	text-align:left;
	font-style:italic;
	font-size:14px;
	padding:0;
	margin:0;
}
.quote:before{content:open-quote;}
.quote:after{content:close-quote;}

.quotecount{
	font-size:12px;
	text-align:right;
	padding:0;
	margin:0;
}

.author{
	font-size:12px;
	font-weight:bolder;
	text-align:right;
	padding:0;
	margin:0;
}

a, a:visited{
	color:#d0c11e;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

#content li{
	margin-right:20px;
	margin-left:20px;
	margin-top:2px;
	margin-bottom:2px;
	list-style:circle;
}

#profilethumb{
	float:right;
	margin-left:10px;
}

/*SLIDEGALLERY*/

p.buttons{
	text-align:center;
	padding:2px;
	text-transform:uppercase;
	color:#eee;
	margin-left:-15px;
	margin-right:-15px;
	font-size:0.8em;
}

p.buttons.street{
	background:#255325;
	border-top:2px solid #286828;border-bottom:2px solid #286828;
}

p.buttons.story{
	background:#1c3c6b;
	border-top:2px solid #1355a6;border-bottom:2px solid #1355a6;
}

p.buttons.panto{
	background:#601629;
	border-top:2px solid #731930;border-bottom:2px solid #731930;
}

p.buttons.pendle{
	background:#0a474c;
	border-top:2px solid #318187;border-bottom:2px solid #318187;
}

#box2{
	position:absolute;
	width:100%;

}

.mask2{
	position:relative;
	height:92px;
	overflow:hidden;
	margin-left:-15px;
	margin-right:-15px;
}

.mask3{
	position:relative;
	height:150px;
	overflow:hidden;
	margin-left:-15px;
	margin-right:-15px;
}

.mask4{
	position:relative;
	height:190px;
	overflow:hidden;
	margin-left:-15px;
	margin-right:-15px;
}

#box2 img{
	height:75px;
	float:left;
}

span.thumbtitle{
	text-align:left;
}


#cont a img{
	border:4px solid #255325;
	margin:5px;
}

#cont a img:hover{
	border:4px solid #d0c11e;
}

span#next1:hover{
	background-position:bottom;
}

#prev1{
	position:absolute;
	left:80px;
	cursor:pointer;
	color:#d0c11e;
}

#prev1:hover, #next1:hover{
	text-decoration:underline;
}

#next1{
	position:absolute;
	right:80px;
	cursor:pointer;
	color:#d0c11e;
}

/*************************/

.twospot{
	padding:0 1px 0 1px;
	margin:0 2px 0 0;
	width:150px;
	height:120px;
	float:left;
	text-indent:-9000px;
	background-position:top center;
	}
	
.twospot:hover{
	background-position:bottom center;
	}

.threespot{
	margin:0 2px 0 0;
	width:150px;
	height:120px;
	float:left;
	text-indent:-9000px;
	background-position:top center;
	}
	
.threespot:hover{
	background-position:center;
	}
	
.brochurebutton{
	display:block;
	float:right;
	height:77px;
	width:96px;
	margin-top:-37px;
	margin-right:10px;
	text-indent:-9000px;
	background-position:top center;
}

#schoolsbrochure:hover,#miscbrochure:hover{
	background-position:bottom;
}	
	
#schoolsbrochure{
	background:url(../images/spotlight/schoolsbrochure.png) no-repeat;
}

#miscbrochure{
	background:url(../images/spotlight/miscbrochure.png) no-repeat;
}

#portal{
	border:solid #957743;
	border-width:3px 6px 3px 6px;
	margin-left:20px;
	margin-right:20px;
	padding:10px;
	height:auto;
	background:#1C3B67;
	text-align:center;
}

#portal #enter{
	margin-left:190px;
}

tr td{
	padding:3px;}

th{
	padding:3px;
	text-align:right;}
	
	table {
	text-align:left;
}


td[scope=row] {
	background-color:#12315D;
}

td[scope=row2] {
	background-color:#092854;
}

td[scope=row3] {
	background-color:#12315D;
	text-align:right;
}

body.edshops th{
	padding-left:10px;
	text-align:left;
	}

tr td{
	padding:3px;}

th{
	padding:3px;
	text-align:right;}
	
.threetable{
	float:left;
	margin-left:15px;
}

.story hr{
	margin-top:5px;
	margin-bottom:5px;
	border-color:#3a608d;
	border-style:solid;
}

.panto hr{
	margin-top:5px;
	margin-bottom:5px;
	border-color:#8d3a46;
	border-style:solid;
}

.twosplit{
	width:50%;
	float:left;
}

.threesplit{
	width:33%;
	float:left;
}

#contact h2{
	margin-left:50px;
}

label{
	display: block;
	float: left;
	width: 100px;
	padding: 3px 5px;
	margin: 0 5px 5px 0;
	text-align: right;
	font-weight:bold;
	position:relative;
}

span.formtext{
	padding: 3px 5px;
	display:block;
	float:left;
	width:60%;
}


/*lightbox*/

body#box{
	height:400px;
	width:600px;
	overflow:hidden;
	color:#1C3B67;
}

body#box a{
	background:#6e6234;
	width:100%;
	display:block;
	padding:2px;
	margin-bottom:2px;
	margin-top:2px;
}

#leftpage{
	width:300px;
	background:url(../images/backgrounds/paper2.jpg) no-repeat top left scroll;
	}

#rightpage{
	width:300px;
	height:400px;
	background:url(../images/backgrounds/paper.jpg) no-repeat top right scroll;
	}

#doublepage{
	background:url(../images/backgrounds/paper3.jpg)  no-repeat top left scroll;
	width:600px;
	height:400px;
}

.page{
	float:left;
}

span.first
{
 float: left;
 font-family: Old English, Georgia,serif;
 font-size: 300%;
 line-height: 0.85em;
 margin-right: 0.03em;
 margin-bottom:-0.25em;
}

#textwrap{
	width:280px;
	height:380px;
	padding:10px;
	float:left;
	overflow:auto;
}

#textwrapsmall{
	float:left;
	width:280px;
	height:380px;
	padding:10px;
	overflow:auto;
}

#box h1{
	font-size:1.5em;
	text-align:center;
}

#box h2{
	font-size:0.9em;
	text-align:center;
}


/**VALIDATE*/

#myForm input, #myForm textarea, #myForm select {
	border: 1px solid #cac9b9;
}

#myForm .red {
	border: 2px solid #fff000;
}

#validationMessage {
	/*background-color: #eee;*/
	border: 1px solid #fff000;
	color: #ca1c55;
	font-weight: bold;
	display: none;
}

#myForm .errorMessage {
	color: #fff000;
	font-size: 0.7em;
	padding:0;
	margin:0;
}

.calenderimg{
	padding-left:4px;
}