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

html,body {
	margin:0;	padding:0;
	height:100%; /* needed for container min-height */
	font: small Arial, Helvetica, sans-serif;
	color:#333333;
}
body {
	background: #252525 url(images/bg_header.jpg) top center no-repeat;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:975px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background:transparent url(images/bg_container.gif) top left repeat-x;
}


/***************************************   Header Formatting   ********************************************/
div#header {
	padding:0; margin:0;
	height:130px;
}

/***************************************   Navigation Formatting   ********************************************/
ul#navigation {
	text-align:left; 
	margin:15px 15px 15px 14px; padding:0;
	width:946px; background-color:#60d7f6;
	font-size: 14px; font-weight:bold;
	float:left;
	list-style:none;
}
ul#navigation li {
	margin:0;	padding:0;
	float:left;
	height:55px;
}
* html ul#navigation li {
	width:10px; /* fix for IE width bug */
	overflow:inherit;
}
ul#navigation li a {
	margin:0; padding:33px 29px 0 10px;
	height:22px; display:block;
	background-color:#60d7f6; border-left:1px solid #FFFFFF;
	text-decoration:none;
	color:#222327;
	cursor:pointer;
}
ul#navigation li a:hover, #home ul#navigation li.nav1 a, #about ul#navigation li.nav2 a, #juniors ul#navigation li.nav2 a, #seniors ul#navigation li.nav2 a, #join ul#navigation li.nav3 a, #productions ul#navigation li.nav4 a, #tickets ul#navigation li.nav5 a, #gall ul#navigation li.nav6 a, #news ul#navigation li.nav7 a, #contact ul#navigation li.nav8 a  { 	
	background-color:#b3e9f7; color:#252525;
}


/***************************************   Content Formatting   ********************************************/
div#main {
	padding-bottom:52px; /* bottom padding for footer */
}
div#content {
	margin:0; padding:20px;
	background: #FFFFFF;
}
#home div#content { padding:15px 15px 0 15px; }

#homeboxBookshow {  float:left; border:4px solid #464646; margin:0 20px; }
#homeboxAbout { width: 250px; height:203px; float:left; margin: 0 0 20px 0; padding:10px; line-height:1.3; }
#homeboxNews { width: 250px; height:188px; float:left; margin: 0 0 20px 0; padding:10px; line-height:1.3; }
#homeboxSlideshow { float:left; border:4px solid #464646; margin:0 20px; }
#homeboxSlideshow img { border:0; }
#homeboxSocial { width: 270px; height:208px; float:left; }
#newsletter { padding:10px 0 15px 10px; }
#newsletter input#email, #newsletter input#name {
	border: 1px solid #27c2ea; padding: 3px; width: 225px; background: none repeat scroll 0% 0% rgb(179, 233, 247); color: #252525; margin: 0 0 5px 0;
}
#newsletter input#name { width:125px !important }

/* contactform */
form#contactform {	width: 250px; height:334px; float:right; background-color: rgb(179, 233, 247); padding:20px 30px 20px 25px; margin-left:30px; text-align:left }
form#contactform select, form#contactform input, form#contactform textarea {
	width: 250px;
	margin: 0 0 7px 0;
	height:18px;
	border: 1px solid #999999;
}
form#contactform select {	height:22px;}
form#contactform textarea {	height:80px; }
form#contactform select.required, form#contactform input.required, form#contactform textarea.required {
	background-color:#f1f9fd;
	border: 1px solid #888888;
}
form#contactform label {
	text-align: left;
	width: 250px;
	font-weight:bold;
	margin-right: 5px;
	margin-bottom: 7px;
	height:18px;
}
form#contactform input.nopad  {
	width: 20px;
}
form#contactform a.submitform {
	margin-left:160px;
}

/***************************************   Calendar Formatting   ********************************************/
#homeboxWhatson {
	width: 200px; height:205px; float:left; 
	margin: 0 0 20px 0; padding: 10px 0 0 70px; 
	background:#252525 url(images/bg_whatson.gif) top left no-repeat; color:#FFFFFF; 
}
#homeboxWhatson p {
	margin:0; padding: 0 0 10px 0 ; text-align:center; font-weight:normal; font-size:16px
}

table.calendar { background-color:#FFFFFF; font-size:12px; margin-left:3px; color:#252525 }
table.calendar th { width:22px; text-align:center;}
table.calendar td { text-align:center;}
table.calendar caption { background-color: #d4d4d4; font-size:12px; padding:3px 0;}
table.calendar caption span a { color:#000000; font:14px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold }
table.calendar caption span a:hover { color:#FFFFFF; }
table.calendar caption a { background-color: #d4d4d4; font-size:12px; padding:3px 0;}
table.calendar td.linked-day { background-color:#60d7f6; color:#FFFFFF; }
table.calendar td.linked-day a {  color:#FFFFFF; text-decoration:none }
table.calendar td.linked-day a:hover {  color:#000000; }

/***************************************   Footer Formatting   ********************************************/
div#footer {
	position:absolute;	bottom:0; /* stick to bottom */
	height:52px; width:100%; text-align:right; color:#747474;
	background: url(images/bg_footer.jpg) bottom left repeat-x;
}
div#footer p { margin:0; padding:10px 20px 0 0; line-height:1.3}
span.glassraven { font-size:11px }
span.glassraven a { color:#747474; text-decoration:none; }
ul#footernav { margin:0; padding:25px 20px 0 30px; float:left }
ul#footernav li {
	margin:0;	padding:0; 
	float:left;
	height:22px;
	list-style:none;
}
* html ul#footernav li {
	width:10px; /* fix for IE width bug */
	overflow:inherit;
}
ul#footernav li a {
	margin:0; padding:0 25px 0 0;
	height:22px; display:block;
	text-decoration:none;
	color:#747474;
	cursor:pointer;
}
ul#footernav li a:hover { color:#252525; }