/* SET DEFAULTS */
body {
	position:relative;
	font-family:arial, helvetica, verdana, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	color:#fff;
	text-align: center;
	background: #2E2520 url(../images/bgs/body.jpg) center top repeat; 
}
* { 
	font-size: 1em; 
}
div, form{
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd  {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6{
	padding: .2em 0;
	line-height: 1.2em;
}	

h1{
	font-size: 2em;
}
h2{font-size: 1.8em;}
li h2{font-size: 1.5em;}

h3 {font-size: 1.5em;}
li h3, dd h3{font-size: 1.25em;}

h4 {font-size: 1.4em;}
li h4{font-size: 1.16em;}

h5 {font-size: 1.3em;}
li h6{font-size: 1.08em;}

h6 {font-size: 1.2em;}
p{
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0 0 1em 0;  
}
li li, li p, li h6{font-size: 1em;}

ul, ol, dl { 
	padding: 0 0 1em 0;  
} 
ul, ol, dl, li, dt, dd {
	line-height:1em;
	list-style: none;
}
li, dt, dd {
	font-size: 1.2em;
	line-height: 1.5em;
}
li li, li dt ,li dd,
dt li, dt dt ,dt dd,
dd li, dd dt ,dd dd, dd p {
	font-size: 1em;
	padding:0;
}
li p, dt p, dd p {padding-bottom:.5em;}


table{border-collapse:collapse;}
td, th{
	margin:0;
	padding:0;
	font-size: 1.2em;
}
th {font-weight:bold;}

a {
	color:#B40605;
	text-decoration: underline;
}
a:hover {
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:#000;
	text-decoration: none;
}	
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	color:#B40605;
	text-decoration: underline;
}	
	a.skiplink {
		position:absolute;
		left:-20000em;
		font-size:8px;
	}
	
img, a img {
	border: none;
	vertical-align:text-bottom;
}		


/* BOXES */
	#wrapper{
		z-index:0;
		width:960px;
		padding:0 30px;
		margin: 0px auto;
		position:relative;
		color:#000;
		text-align:left;
		background: url(../images/bgs/wrapper.jpg) 990px 0px no-repeat; 
	}		
	#innerwrap, #header, #content, #footer {
		width:960px;
		clear:both;
	}
	#innerwrap {
		background: #fff url(../images/bgs/innerwrap.jpg) left top no-repeat; 
	}
	#header {
		height:200px;
		z-index:50;
		position:relative;
	}
	#content {
		z-index:1;
		width:900px;
		padding:15px 30px;
	}
	#footer  {
		padding:10px 0px;
		text-align:center;
	}
	#glow {
		position:absolute;
		top:0;
		left:-120px;
		width:150px;
		height:400px;
		background:  url(../images/bgs/glow.jpg) left top no-repeat; 
	}







/* HEADER styles */

	#header h1.logo{ 
		padding:0;
		height:113px;
	}
	#header p.bookOnline{ 
		position:absolute;
		top:0;
		left:780px;
	}


	/* MENU styles */
		#menu #mainNav{
			padding: 0;
			width:960px;
			z-index:0;
			position:relative;
		}
			#mainNav li{
				float:left;
				display:inline;
				position:relative;
				width:auto;
				height:20px;
				font-size:15px;
				line-height:20px;
				padding:27px 0 6px 0;
			}
			#mainNav li a {
				color:#fff;
				display:block;
				text-decoration:none;
			}
			#mainNav li .navitem a {
				text-align:center;
				text-decoration:none;
				padding-bottom:6px;
			}
			#mainNav li.active{
				z-index:-100;
			}

			#mainNav li.active,
			#mainNav li:hover,
			#mainNav li.sfhover{
				background: #B40605 url(../images/bgs/menu-li-hover.gif) left top no-repeat;
			}

				#mainNav li.companyNav{width:94px;padding-left:20px;}
				#mainNav li.programmeNav{width:146px;padding-top:37px;margin:-10px 0 0 0;}
				#mainNav li.schoolNav{width:159px;padding-top:50px;margin:-23px 0 0 0;}
				#mainNav li.touringNav{width:215px;padding-top:64px;margin:-37px 0 0 0;}
				#mainNav li.museumNav{width:151px;padding-top:83px;margin:-56px 0 0 0;}
				#mainNav li.linksNav{width:68px;padding-top:96px;margin:-69px 0 0 0;}
				#mainNav li.contactNav{width:84px;padding-top:102px;margin:-75px 0 0 0;}
	
			#mainNav .menuTree { /* second-level lists */
				height:30px;
				width:940px;
				left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				position: absolute;
				margin:0;
				padding: 0;
				background: url(../images/bgs/menutree.jpg) left top repeat-x;
				z-index:0;
			}
				#mainNav li.programmeNav .menuTree{margin-left:-94px;}
				#mainNav li.schoolNav .menuTree{margin-left:-240px;}
				#mainNav li.touringNav .menuTree{margin-left:-399px;}
				#mainNav li.museumNav .menuTree{margin-left:614px;}
				#mainNav li.linksNav .menuTree{margin-left:765px;}
				#mainNav li.contactNav .menuTree{margin-left:833px;}


			#mainNav .menuTree li{
				margin:0;
				padding:0;
				width:auto;
				font-size:13px;
				line-height:16px;
				background: transparent none;
			}
			#mainNav .menuTree li.active{
				z-index:100;
			}
			#mainNav .menuTree li a,
			#mainNav .menuTree li.active span a{
				width:auto;
				padding:6px 14px 2px 14px;
			}
			#mainNav .menuTree li.active a {
				border-bottom:6px solid #fff;
			}
			#mainNav .menuTree li a:hover {
				border-bottom:6px solid #fff;
			}
			
			#mainNav li.active .menuTree{ 
				left:auto;
			}
			#mainNav li.sfhover ul, #mainNav li:hover ul {
				left:auto;
				z-index:100;
			}
			#mainNav ul ul,
			#mainNav span.dgButton {display:none;}



/* FOOTER styles */
	#userpanel li {display:inline;padding:3px;}
	.siteCredit {padding-top:1em;}


		


/* CONTENT styles */
	#content, 
	#content #sidebar{
		float:left;
		display:inline;
		position:relative;
	}
	#content #feature{
		float:right;
	}

	#content .captionBox{
		float:right;
		width:250px;
		text-align:center;
		padding:0 0 10px 10px;
	}

	/* stepthroughs & switch buttons */
		#content .results{
			clear:both;
			height:18px;
			margin:0 -25px;
			padding:7px 25px;
			text-align:right;
			color:#fff;
			background:#666666;
		}
		#content .results p{
			padding: 0;
		}
		#content .results .count{
			float:left;
			width:400px;
			text-align:left;
		}
		#content #sidebar .stepThrough{padding-left:14px;}
		#content .switch a.active,
		#content .stepThrough .active{
			padding:1px 3px;
			background:#777;
			border:1px solid #777;
		}
		#content .stepThrough a,
		#content .switch a{
			color:#fff;
			padding:2px 4px;
			text-decoration:none;
		}
		#content .stepThrough a:hover,
		#content .switch a:hover{		
			color:#fff;
			background:#000;
		}
	
	/* feature column */
		#content #feature{
			z-index:1;
			width:700px;
			padding: 0 25px 10px 25px;
			margin:0 0 1.5em 0px;
			min-height:300px;
			height: auto !important;
			height: 300px;
			background:#333333;
			color:#fff;
		}
			#feature .captionBox p.caption{padding:0;}
			#feature .captionBox img{margin-bottom:.2em;}
	
			#feature a {color:#fff;}
			#feature a:hover {color:#ccc;}
			#feature h1{
				font-size:1.6em;
				font-weight:normal;
				background:#000;
				margin:0 -25px 10px -25px;
				padding:.2em 25px;
				border-top:10px solid #fff;
			}
			#feature h1.pageHeader{font-size:2em;padding:.3em 10px;border-top:0;}
			#feature li,
			#feature dt,
			#feature dd{
				padding-left:25px;
			}	
			#feature li,
			#feature dt{
				background: url(../images/icons/bullet.gif) 12px 3px no-repeat; 
			}	
			#feature dt{font-weight:bold;}	
			#feature .specs dt{
				float:left;
				display:inline;
				padding:0 6px 0 0;
				background: none;
			}
	


			.randomImage {
				float: right;
			}

	/* sidebar column */
		#content #sidebar {
			z-index:10;
			width:120px;
			margin:0 0 1.5em 0;	
			border-right:2px solid #E8E8E8;
			border-bottom:1px solid #E8E8E8;
		}
			#sidebar h2.menuHeading{
				color:#333333;
				padding: .3em 0;
				font-weight:normal;
			}
			#sidebar p{width:200px;}
			
			#sidebar h2 {font-size:1.5em;padding-top:0;}
			#sidebar ul {
				padding:0 10px 1.5em 0;
			}
			#sidebar ul li {padding:5px 0;line-height:1.3em;border-top:1px solid #efefef;}
			#sidebar ul a{text-decoration:none;}
			#sidebar ul a:hover{color:#333;}
			#sidebar ul .active a{
			}

/* INDEX */
	.index #content {
		width: 890px;
		padding:15px 30px 15px 40px;
	}
		.index #content .intro{
			float:left;
			width:490px;
		}
		.index #content .production{
			color:#fff;
			margin-top:15px;
			padding:0 10px 10px 10px;
		}
		
		.index #content #maillist, .index #content .addressBox {
				color:#fff;
				margin-top:0px;
				padding:0 10px 10px 10px;
		}
		
		
			.index #content #maillist h2,
			.index #content .addressBox h2{
				font-size:1.6em;
				font-weight:normal;
				margin:0 -10px 5px -10px;
				padding:.2em 10px;
			}
			.index #content #maillist h2{background:#C2630D;}
			.index #content .addressBox h2{background:#880404;}

		.index #content #maillist{
			clear: both;
			float:left;
			width:190px;
			background:#DF720F;
		}
			#maillist label { 
				margin:0;
				padding:0 0 3px 0;
				float:none;
				width:190px; 
				color:#fff;
				display:block;
				line-height:1.3em;
			}
			#maillist .row,
			#maillist .formbuttons {display:inline;}
			#maillist input {float:left;background:#fff;border-color:#B40605;}
			#maillist input#MailingList_Email{width:140px;height:14px;padding:4px 3px;color:#000;}
			#maillist input#submitbutton {margin:0;width:30px;padding:0 0 0 5px;}

		.index #content .addressBox {
			clear: right;
			margin-left:240px;
			background:#B40605;
		}
		
			.index #content .addressBox a{color:#fff;}
			
		.index #content .production{
			width:350px;
			background:#333;
			margin:0 0 0 515px;
		}
			.index #content .production a{color:#fff;}
			.index #content .production h1,
			.index #content .production .stepThrough{
				padding:.3em 25px;
				margin:0 -10px ;
			}
			.index #content .production h1{
				background:#000;
				font-weight:normal;
			}
			.index #content .production .stepThrough {
				padding:.3em 10px;
				margin-bottom:10px;
				border-bottom:1px solid #000;
			}
			.index #content .production h2.title{
				padding-top:10px;
				font-weight:normal;
				text-transform:uppercase;
			}
			
			.index .intro .introFoot {
				clear: left;
				width: 490px;
			}
			.index #content .production h2 a{color:#DF720F;}
			.index #content .production h2 a:hover{color:#fff;}



/* PRODUCTION pages */
	.production #content #feature  {
		width:750px;
		background:#fff;
		padding: 0 0 10px 0;
	}
	.production #feature h1 {margin:0 0 10px 0;}
	.production #feature h2 {
		font-weight:normal;
		margin:0 -10px 10px -10px;
		padding:.3em 10px .2em 10px
	}
		#feature h2.listHeader{
			font-size:1.6em;
			font-weight:normal;
			background:#000;
			margin:0 -25px 10px -25px;
			padding:.2em 25px;
			border-top:10px solid #fff;
		}

		.production #feature .productionDetail{
			float:left;
			width:455px;
			display:inline;
		}
			.production #feature .intro,
			.production #feature .info{
				float:left;
				width:435px;
				padding: 0 10px 10px 10px;
			}
			.production #feature .intro{
				background:#333;
				border-bottom:20px solid #fff;
			}
				.production #feature .intro h2.title{background:#000;}
				.production #feature .intro h2 img{vertical-align:text-bottom;}
				.production #feature .intro h2.title .booking{float:right;}

				.production #feature .intro .inlinepic{float:right;padding-left:10px;margin:-10px -10px 0 0;} 

			.production #feature .info{
				background:#DF720F;
			}
				.production #feature .info h2{background:#C2630D;}



		.production #feature .productionPeople {
			margin:0 -10px 0 485px;
			width:245px;
			background:#B40605;
			padding: 0 10px 10px 10px;
		}
			.production #feature .productionPeople h2{background:#880404;}
			.production #feature .productionPeople p{text-align:center;}
			.production #feature .productionPeople dl p{text-align:left;}




			.production #feature .otherVenues {
				margin:0 -10px 20px 485px;
				width:245px;
				background:#DF720F;
				padding: 0 10px 10px 10px;
			}
				.production #feature .otherVenues h2{background:#C2630D;}
				.production #feature .otherVenues p{text-align:center;}
				.production #feature .otherVenues dl p{text-align:left;}



			.production #feature .credits dt,
			.production #feature .specs dt {
				float:left;
				display:inline;
				width:120px;
				text-align:right;
				padding: 0 0 8px 0;
				background-image:none;
				}
			.production #feature .credits dd,
			.production #feature .specs dd {
				width:110px;
				padding: 0 0 8px 0;
				margin-left:130px;
			}
			.production #feature .specs dd {width:auto;}
			.production #feature .credits dd li{
				padding-left:12px;
				background: url(../images/icons/bullet-red.gif) 0px 3px no-repeat; 
			}	
			.production #feature .specs dd li{
				padding-left:12px;
				background: url(../images/icons/bullet-yellow.gif) 0px 3px no-repeat; 
			}	



/* NEWS & STAFF */
	.news #content #feature,
	.staff #content #feature,
	.links #content #feature  {background:#B40605;}
	.news #feature h1.pageHeader,
	.staff #feature h1.pageHeader,
	.links #feature h1.pageHeader{
		margin-bottom:0;
		border-bottom:10px solid #fff;
	}
	
	.index .newsList li,
	.news #feature li, .staff #feature li, .links #feature li,
	.news #feature dt, .staff #feature dt, .links #feature dt{
		background: url(../images/icons/bullet-red.gif) 12px 3px no-repeat; 
	}	
	
	.index .newsList .newsItem {
		
			float:left;
		width: 490px;
		padding: 0px;
		background:#DF720F;
		margin-bottom: 20px;
	}
	
	.index #content .newsList .captionBox { width: 150px; margin-right: 10px; margin-left: 10px; margin-top: 10px;}
	
	#feature .newsList .newsItem,
	#feature .staffList .staffItem{
		float:left;
		width:700px;
		padding:0px;
		background:#B40605;
	}
	
	.index .newsList, .index .newsList a {
		color: #fff;
	}
	
	.index .headline {
		clear:both;
		font-weight:normal;
		padding-left: 10px;
		padding-right: 10px;
		background:#C2630D;;
		padding: 10px;
		margin-bottom: 5px;
	}
	
	.index .newsList p, .index .newsList h3 {
		margin-left: 10px;
	}
	
	.index #content .results {
		width: 460px;
		background: #fff;
		margin-bottom: 20px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
		margin-left: 0px;
		text-align: right;
		height: 33px;
	}
	
	.index #content .results .count {
		padding: 5px;
		width: 450px;
		text-align: right;
		font-size: 1.6em;
	}
	
	.index #content .results .count a {
		color: #B40605;
		text-decoration: none;
	}
	
	.index #content .results .count a:hover {
		text-decoration: underline;
	}
	
	.news #feature .headline,
	#feature .staffList li .staffName,
	.links #feature .resourceCategory h2{
		clear:both;
		font-weight:normal;
		margin:0 -25px 10px -25px;
		padding: .3em 10px .2em 10px;
		background:#880404;
		border-top:10px solid #fff;
	}
	

	/* NEWS tweaks */
		.newsList li .captionBox{width:150px;}
	
	/* STAFF tweaks */
		#feature .staffList li .captionBox{float:left;width:110px;padding:0 20px 10px 0;}
		#feature .staffList li .contactInf li{display:inline;background-image:none;padding-left:0;}


/* LINKS PAGES */
		#feature .categoryList {
			color:#fff;
			margin:0 -25px;
			padding:7px 25px;
			background:#666666;
		}
		#feature .categoryList li{
			padding:0 14px 0 0;
			display:inline;
			white-space:nowrap;
			background-image:none;
		}
		#feature .categoryList li a{
			text-decoration:none;
			padding:2px 4px;
			background:#777;
		}
		#feature .categoryList li a:hover{
			color:#fff;
			background:#000;
		}








/* SPONSORS */
	#feature .sponsorList li{
		float:left;
		width:700px;
		padding:5px 0px;
		background-image:none;
	}
	#feature .sponsorList li .captionBox{
		float:left;
		width:auto;
		padding:0 10px 5px 0;
	}
	.news #feature .headline,
	#feature .staffList li .staffName,
	.links #feature .resourceCategory h2{
		clear:both;
		font-weight:normal;
		margin:0 -25px 10px -25px;
		padding: .3em 10px .2em 10px;
		background:#880404;
		border-top:10px solid #fff;
	}
	

	/* NEWS tweaks */
		#feature .newsList li .captionBox{width:150px;}
	
	/* STAFF tweaks */
		#feature .staffList li .captionBox{float:left;width:110px;padding:0 20px 10px 0;}
		#feature .staffList li .contactInf li{display:inline;background-image:none;padding-left:0;}


/* FORMS */
	
	/* CORE FORM styles */
		form * {
			color:#fff; /* change for each site */
			font-family:verdana, arial, helvetica, sans-serif;
		}
		form{
			padding:0 0 1.5em 0;
		}

		/* clear browser defaults */
		input, select, textarea, label, legend, fieldset{
			margin:0;
			padding:0;
			font-size: 1.1em;
		}
		input, select, textarea{
			margin:0;
			padding:3px 2px;
			color:#fff;
			background:#666;
			border:1px solid #585858; /* change for each site */
			font-family: arial, helvetica, verdana, trebuchet, sans-serif;
		} 
		textarea{ height: 60px; } 
		option {font-family: arial, helvetica, verdana, trebuchet, sans-serif;}
		label, legend {
			color:#fff;
			font-weight:bold;
		}
		input{ width:180px;vertical-align: middle; }
		label{
			float:left;
			width:140px;
			margin:3px 0 8px 0;
		}
		select {width:auto;}
		textarea{ 
			height: 70px;
			width: 250px;
		} 
		fieldset{ 
			clear:both;
			padding:5px 10px;
			margin:0 0 .5em 0; 
			background:#fff;
			border:1px solid #585858; /* change for each site */
		} 
	
		/* DREAMGIRL FORM LIST STUFF */
			form .row{clear:both;}
			form ul.multi{
				float:left;
				width:240px;
				padding-bottom:0;
			}
			form ul.multi li{
				float:left;
				width:120px;
				font-size:1em;
				padding:2px 0;
			}
			form ul.multi input,
			form ul.row input{
				width:auto;
				margin-right:3px;
			}
			form ul.multi label{font-weight:normal;}
			form li{
				padding:0px;
				background-image:none;
			}
	
		/* BUTTONS */
			/* first class wipes out standard input borders etc for buttons, second one allows for varied width image etc */
			form .gobutton,
			form .loginbutton,
			form .updatebutton,
			form .submitbutton,
			form #submitbutton{ 
				color:#fff;
				width:170px; 
				border:0px;
				cursor:pointer;
				padding:5px 0;
				font-weight:bold;
				background: url(../images/icons/submit-button.gif) left top no-repeat;
			}
			form .gobutton,
			form .loginbutton,
			form .updatebutton,
			form .submitbutton,
			#Feedback #submitbutton,
			#MailingList #submitbutton{
				padding:0;
				width:auto;
				margin-left:138px;
				background:none;
			}


		/* ERROR styling */
			form h2.warning{ 
				font-size:1.6em;
				color:#DE041D; 
			}
			form .inputError{ 
				display:block;
				color:#DE041D; 
				font-size:11px;
				line-height:1em;
				margin:6px 0 0 3px;
			}
	
		
		/* LOGIN FORM  */
			form.loginForm { 
				width:300px; 
			}
			form.loginForm label{ 
				width:80px; 
			}
			form.loginForm input{ 
				margin:2px 0; 
			}
			form.loginForm input.loginbutton{ 
				margin-left:78px; 
			}
	
	








	
/* clearfix hack if needed */

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
	
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
		}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
		}	


        

/* management tweaks */
	#content .manage dl {
		border: 1px dashed #ccc;
		padding-bottom:0;
	}
	#content .manage dd {
		margin-left: 20px;
	}
	#content .manage .newButton {
		display:block;
		padding-bottom: 12px;
	}	






/* dreamgirl CMS styles*/
.buttonContainer
{
		display: inline;
        overflow: visible;
}

#dgInlineFeedback {
        width: 259px;
        height: 242px;
        color: #000;
        background: url(../dreamgirl/images/success.png)!important;
        background: url(../dreamgirl/images/success.gif);
        }


.dgInlineForm {
        width: 500px;
        border: 0px;
       /* margin:12px 0 0 -200px; */
        margin:12px 0 0 0;
		left:0;
        position: absolute;
        visibility: visible;
        overflow: hidden;
		z-index:100;
        
}

iframe {
		position:absolute;
        width: 500px;
        border: 0px;
        padding: 0px;
        margin: 0px;
}
.dgInlineButton {
        border: 0px;
        background-color: transparent;
}

.dgInlineButtonActivated {
        background-color: #ccc;
        margin-right: 3px;
}

.dgActiveElement {
		border: 1px dashed #eebddc;
		z-index:100 !important;
}

.dgInactiveElement {
        background-color: transparent;
}

.dgButtonLink {
        border: 0px;
        margin-right: 3px;
}