/* CSS Document for The Thorpe Opera House */
/* By Cynthia Neesen November 1, 2005*/

/*__________Common Formatting__________*/
body, h1, h2, h3, li, p, ul { font-size: 1em; margin: 0; padding: 0; }


/*__________Basic Page Elements__________*/
a, a:link, a:visited, a:hover, { color: #ada364; }
a:active { color: #8f9947; }
a:hover { text-decoration: none; }
body {
	background-color: #ffffff;
	font-family: Georgia, Garamond,"Times New Roman", Times, serif;
	font-size: 12pt;
	
}
h3 { font-family: Georgia, Garamond, "Times New Roman"; color: #8f9947; font-style: normal; font-size: 1.7em; font-weight: normal; margin-bottom: 0.5em; }
h4 { font-family: Georgia, Garamond, "Times New Roman"; color: #8f9947; font-style: normal; font-size: 1.2em; font-weight: normal; margin-bottom: 0.5em; }

p { line-height: 1.5em; margin-bottom: 1em; }

/*_____________Box that holds it all together_________*/
#container {
	position: relative;
	z-index: 99;
	background: #ffffff url(assets/containerbackground.jpg) repeat-y left;
	
}

/*_____________Logo Holder_________________*/
#intro {
	background:#660000 url(assets/thethorpecream.gif) no-repeat left top;
	height: 150px;
		
	}
/*__________Header__________*/
#pageHeader {
	margin-left:  218px;
	height: 150px;
	background: #660000;
}

#pageHeader span { display: none; }


/*________Special Info__________*/
#quickSummary {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.2em;
	color: #ffffff;
	visibility:visible;
	z-index: 101;
	padding-top: 10 px;
	padding-left: 10px;
	padding-right: 25px;
	position:absolute;
	top: 0 px;
	left: 550px;
}
#quickSummary .p2 { text-align: left; }
#quickSummary li {
	background:  url(assets/squarebullet.gif) no-repeat 0.3em bottom;
}
html>body #quickSummary  { width: 380px; }

/*__________Main Text Box_____*/
#box {
	position: absolute;
	left:220px;
	top: 150px;
	width:  780px;
	border-top: 3px double #8e7253;
	background-color: #ffffff;
	overflow: visible;
 	height: auto;
}
/*__________Preamble__________*/
#preamble  {
	margin-left: 220px;
	clear: left;
	top: 0px;
	width: 580px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-color:  #ffffff;
	overflow: visible;
	height: 800px;
	list-style:none;
	
}
#preamble li {
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: baseline;
	text-indent: 12pt;
	color: #000000;
	padding-bottom: 0.8em;
	background-image: url(assets/bulletblack.gif);
	background-repeat: no-repeat;
	background-position: left top;

}
#rightTextBox {
	margin-left:  180px;
	top: 0px;
	padding-top: 0px;
	padding-left: 10px;
	background-color: #ffffff;
	clear: none;
}

/*__________Supporting text__________*/
#supportingText { 
	background-color: #ffffff; 
	margin-top: 0px;
	margin-left: 220px; 
	padding-left: 10px; 
	z-index: 100; }

#preamble .p3, #explanation, #participation, #benefits, #requirements {
	margin-bottom: 1em;
	padding-bottom: 37px;
}

#conclusion {
	width: 280px;
	line-height: 20px;
	font-size: 16px;
}


/*__________Navigation menu__________*/
#navMenu {
	color: #fffbe2;
	font-family: Arial, Tahoma, Geneva, Helvetica, Verdana, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	left: 0;
	overflow: visible;
	position: absolute;
	top: 150px;
	width: 220px;
	height: 1500px;
	border-top: 3px double #8e7253;
	background: #333366; padding-bottom: 40px;
	
}

#navMenu a, #navMenu h3 { font-family: Georgia, Garamond, "Times New Roman"; }
#navMenu a { display: block; }

#navMenu a { color: #fffbe2; font-size: 1.1em; font-style: normal; font-weight: normal; text-decoration: none; }
#navMenu a:hover {
	color: #CCCC66;
}

#navMenu h3 {
	color: #ccc180;
	font-size: 1.2em;
	padding-top: 0.5em;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
}


#navMenu li {
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: baseline;
	text-indent: 8pt;
	color: #fffbe2;
	padding-bottom: 0.8em;
	background-image: url(assets/bulletwhite.gif);
	background-repeat: no-repeat;
	background-position: left top;
	visibility: visible;
	list-style:none;

}
#navMenu ul { list-style: none; padding: 20 10px 0.8em 10px; }
 #larchives {
	background: #660000;
	border-top: 3px double #8e7253;
	border-bottom: 3px double #8e7253;
	font-family: Georgia, Garamond, "Times New Roman";
	color: #fffbe2;
	font-size: 12px;
	padding: 0px 0px 0px 10px;
}
#lresources {
	background: #333366;
	border-bottom: 3px double #8e7253;
	font-family: Georgia, Garamond, "Times New Roman";
	font-size: 0.9em;
	font-weight: normal; text-align: center;
	padding: 10px 0 10px 0;}
	
#larchives li, #lresources li {
	margin-bottom: 0.2em;
	font-family: Georgia, Garamond, "Times New Roman";
	font-size: 8px;
}
#larchives a, #lresources a {
	color: #cccc99;
	text-decoration: underline;
	}
/*__________Footer__________*/
#footer { font-size: 0.85em; font-style: italic; text-align: center; width: 540 px; }

#extraDiv1 {
	background: transparent url() no-repeat left top;
	height: 351px;
	left: 520px;
	position: absolute;
	top: 350px;
	width: 147px;
	z-index: 1;
}
#extraDiv2 {
	position: absolute;
	top: 230px;
	left: 230px;
	background: #333366;
	padding: 10px 10px 10px 10px;
	height: 200px;
	width: 150px;
	border: 3px double #8e7253;
}
img.floatLeft {
	float: left;
	margin: 10px;
	border: 3px double #CCCC66;
	background-color: #333366;

}

img.floatRight { 
	float: right; 
	margin: 10px;
	 border: 3px double #CCCC66;
	background-color: #333366;
} 
img.floatRightNoFrame {                     
	float: right;
	margin: 10 px;
}
img.floatLeftNoFrame {
	float: left;
	margin: 10 px;
}