/* -------------------------------------------------------------
Classic Theatre Style Sheet 
Version: 1.1
Date: Jan 23 2007
Author: Paul McLaren
Email: pmclaren@gmail.com
Website: www.classictheatre.net
---------------------------------------------------------------*/
@import url(nav.css);
@import url(textimages.css);


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

/* the appropriate background class will be applied based on class attached to the body */
body {
   background: #F7F7F6 url(../images/layout/background.jpg) repeat-y 50% 0;
   background-attachment: fixed;
   margin: 0 auto;
   padding: 0;
   text-align: center;

   
}

/* main wrapper that holds it all centrally */

#wrapper {
width:952px;
margin: 0 auto;
text-align: left;
padding: 0 0px 0px 0px;

}

/* #Masthead */
#Masthead {
	background: #F7F7F6 url(../images/layout/header.jpg) no-repeat;
	float: left;
	width: 952px;
   	height: 160px;


	}
	

	
#footer {
	margin: 0px auto;
	position: relative;
	background:   url(../images/layout/footer.jpg) no-repeat;;
	border-top: 10px solid #F7F7F6;
	border-bottom: 10px solid #F7F7F6;
	width: 952px;
	clear: both;
	height: 98px;
	background-color: #ffffff;
	

}

#footercontent {
	float: left;
	width: 900px;
	height: 50px;
	padding: 0px 0 0px 20px;
	vertical-align: bottom;


}

#footercontent p {
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #ffffff;
	}
	
#footercontent h2 {
	maring: 0;
	text-align: center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #D3D8C4;
}

#footercontent a:visited, #footer a:link {
	color: #ffffff;
	text-decoration: none;
}

#footercontent a:hover {
	color: #F7F7F6;
	text-decoration: none;
	border-bottom: none;
	background-color: #A5003B;
}

.spacer {
clear: left;
}

.both {
clear: both;
}

#MainContent {
width: 900px;
float: left;
margin: 0px 0px 0 20px;
padding: 0px 0px 0px 0px;

}

#BoxOffice {
width: 520px;
float: left;
margin: 0px 0px 0 0px;
padding: 0px 0px 0px 0px;

}

#SideContent {
width: 363px;
float: right;
margin: 0px 0px 0 0px;
padding: 10px 0px 0px 0px;


}

/* #AddButton */
#addbuttons {
	width: 340px;
   	height: 30px;
	padding: 10px 0px 0px 20px;



	}

#hpnav {
width: 250px;
float: right;
}

#content h1, h2 p {
padding-right: 0px;
}




#logobox {
	width:500px;
	padding: 0 0 10px 20px;
	float: left;
}

#psbox {
	width:550px;
	padding: 0 0 10px 0px;
	float: left;
}


/* and then these h3 statements, unique to whichever section has been attached above, will give the headers the appropriate background color */

h3 {
	font: bold 25px "Georgia", Helvetica, Arial, sans-serif;
	padding:0px 0px 0 20px;
	color: #000;
	border-bottom: 1px dashed #768c95;
	}


h4 {
	font: bold 20px "Georgia", Helvetica, Arial, sans-serif;
	padding:0px 0px 0 20px;
	color: #000;
	border-bottom: 1px solid #768c95;
	}
	
	
h5 {
	font: bold 14px "Georgia", Helvetica, Arial, sans-serif;
	font-variant:small-caps;
	text-align:centre;
	padding:0px 0px 0 20px;
	color: #ffffff;
	background: #810230;
	}	

/* box is the shaded area that holds a rounded corner box or flat box, fitting the given width of the column it is in. Usually combined with another class to control inner elements, eg box default */

.box {
clear:both;
margin: 0px 0 0 0;
padding: 0px 0 5px 10px;
background:url(../images/diags.gif);
}

/*--- Fixed-width rounded-Corner boxes ---*/
.boxfixedcorner {
	width: 500px;
	padding: 0px 0 0px 0px;
	background: #fff  url(../images/bottom.jpg) no-repeat left bottom;
	}
	
.boxfixedcorner h2 {
	width: 500px;
	background: url(../images/top.jpg) no-repeat left top;
	}

.boxfixedcorner h2 {
	padding: 0px 0px 0 0px;
	}
	
.boxfixedcorner p {
	padding: 0px 10px 0px 20px;
	}
/*---CSS for the box ends here ---*/



/*--- Fixed-width rounded-Corner boxes Main Page ---*/
.sidebox {
	width: 363px;
	background:   url(../images/box/sideboxbgbottom.jpg) no-repeat bottom left;
	}
	
.sidebox h2 {
	font: bold 18px "Georgia", Helvetica, Arial, sans-serif;
	text-align:center;
	font-variant:small-caps;
	color: #C96B17;
}

.sidebox .top {
	background:  url(../images/box/sideboxtop.jpg) no-repeat left top;
	padding-top: 15px;
	}
	


.sidebox p {

	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	}
	


/* CSS for the box ends here */

/* Masks List Styling */

ul#mask {
	list-style-type: none;
}

li#mask {
	background: transparent url(../images/listmask.gif) no-repeat left center;
	padding:0 0 0 30px;
	font:14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	line-height:150%;
}

.masktitle {
	font: bold 16px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: 000;
	}

.maskbold {
	font: bold 14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: 000;
	}

/* End of Masks List Styling */


/* end of  #Styled image list - Theatre Mask as bullets
----------------------------------------------------------------------------------- */

/* CSS for Tables  */
table {
	border: 0;
	border-collapse:collapse;
	font: bold 14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	line-height:150%;
	}
caption {
	font: bold 16px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding:10px;
	}
	

/* Default Links */

a:link {
color:#C96B17;
}

a:visited {
color:#C96B17;
}

a:hover {
color:#000;
text-decoration:none;
}

a:active {
color:#000;
}

/* End of Default Links */


/* Highlighting External Links */
.external {
background: url(../images/external.gif) no-repeat right top;
padding-right:10px;
}
/* End Highlighting External Links */

/* Highlighting External Links */
.arrow {
background: url(../images/newsite/arrow.jpg) no-repeat right top;
padding-right:20px;
}
/* End Highlighting External Links */





.spacer {
clear: left;
}

.both {
clear: both;
}

img {
	border:0;
	}


/* #Board and Committee directory */	
#staffdirectory {
	margin: 10px;
	width: 480px;
}

#staffdirectory th,
#staffdirectory td {
	padding: 5px 10px;
	line-height: 1.25;
	border-bottom: 1px solid #ddd;
}

#staffdirectory th {
	text-align: center;
	font-size: 10px;
	line-height: 1;
	text-transform: uppercase;
	color: #999;
	font-weight: normal;
}

#staffdirectory td.title {
	width: 220px;
}
#staffdirectory td.name {
	width: 200px;
}

#staffdirectory td.ext {
	white-space: nowrap;
	text-align: center;
}

#staffdirectory td.name a.email {
	display: block;
	font-size: 10px;
	color: #999;
}
/* #Board and Committee directory */