/* -------------------------------------------------------------
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/background.jpg) repeat-y 50% 0;
   background-attachment: fixed;
   margin: 0;
   padding: 0;
   text-align: center;
   
}

/* main wrapper that holds it all centrally */

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

h1 {
   width: 720px;
   height: 90px;
   text-indent: -9999px;
   background:  #fff url(../images/header1.jpg);
   margin: 0;
   border-top: 10px solid #FFFFFF;
}

#MainContent {
width: 520px;
float: left;
margin: 0px 0px 0 5px;
padding: 10px 0px 0px 0px;

}

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

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


#SideContent {
	width: 160px;
	margin: 0 2px 0 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	float: right;
}

#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 {
display: inline;
font-size: 92%;
font-variant:small-caps;
margin: 0px 5px 0 5px;
padding: 5px;
border-top:  2px solid #6990a1;
border-bottom:  2px solid #6990a1;

}

.default h3 {
background: #F6CE45;
}
.profiles h3 {
font:  bold 16px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: right;
color: #fff;
background: #3b545c;
}
.membership h3 {
font:  bold 14px/18px Palatino, Georgia, "Times New Roman", serif;
text-align: left;
color: #000;
background: #fff;
}

/* 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: 0 10px 10px 20px;
	}
/* 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 */

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

}

#footer h2 {
	maring: 0;
	text-align: center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #D3D8C4;
}

#footer h2 a:visited, #footer h2 a:link {
	color: #D3D8C4;
	text-decoration: none;
	border-bottom: 1px dotted #D3D8C4;
}

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

.spacer {
clear: left;
}

.both {
clear: both;
}