/* css Zen Garden -- SubCompact by Zac Van Note -- http://www.creativefuel.org */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */

/* basic elements */
body { 
	font: 8.5pt/11.5pt arial, sans-serif;
/*	background-color:#F1F3F6;
*/	background-color:#722222;
	color:#000000;
    margin:0px; 
	height:100%;
	}
p {
	font: 8.5pt/11.5pt arial, sans-serif;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 5px;
	}
h3 { 
	font: bold 9.3pt tahoma, arial, sans-serif; 
	letter-spacing: 1px; 
	margin: 0px;
	color:#006699;
	background-color:transparent;
	}
a {
	font-weight: bold;
	}
a:link, a:visited { 
	text-decoration: none; 
	color: #B1705C;
	background-color:transparent;
	}
a:active, a:hover { 
	text-decoration: underline; 
	color: #421E10;
	background-color:transparent;
	}
	
/* specific divs */

#container { 
	background: url(header.jpg) no-repeat;
	background-color:#FFFFFF;
	color:#000000;
	position:absolute;
	left:50%;
	width: 750px;
	height: 450px;
	margin-left:-375px;
	margin-top:10px;
	}
/* Absolute Center technique adapted from an article by Joe Gillespie: 
http://www.wpdfd.com/editorial/wpd0103.htm#footnote */

/* commented backslash hack v2 for IE5-Mac - adapted from a posting on Sam-I-Am:
http://www.sam-i-am.com/work/css/index.html \*/
	#container { 
	background: url(header.jpg) no-repeat;
	background-color:#FFFFFF;
	color:#000000;
	position:absolute;
	top:50%;
	left:50%;
	width: 750px;
	height: 450px;
	margin-left:-375px;
	margin-top:-225px;
	}
/* end hack */
	
#pageHeader {
	position:absolute;
	left: 231px;
	top: 420px;
	width: 356px;
	height: 23px;
	background: url(footer.gif) no-repeat;
	}
#pageHeader h1 span {
	display:none;
	}
#pageHeader h2 { 
	display: none;
	}
#quickSummary {
	position:absolute;
	left: 346px;
	top: 22px;
	height: 88px;
	width: 240px;
	overflow: auto;
	}
#quickSummary p {
	font:7.2pt/11pt arial, sans-serif;
	color: #FFFFFF;
	background-color:transparent;
	margin-bottom:12px;
	}
#quickSummary a {  
	color: #ECCCB3;
	}
#preamble {
	background-color:#F1F3F6;
	color:#000000;
	position: absolute;
	width: 210px;
	height: 254px;
	left: 9px;
	top: 187px;
	overflow: auto;
	}
/* using an image to replace text in an h3. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#preamble h3 {
	background: url(enlightenment.gif) no-repeat;
	margin:0px; 
	width:210px; 
	height:25px;
	}	
#preamble p {
	font: 7.8pt arial,sans-serif;
	padding:0px 7px 0px 7px;
	}
#preamble h3 span {
	display:none
	}
#supportingText {
	margin: 0px;
	position: absolute;
	left: 231px;
	top: 119px;
	width: 354px;
	height: 300px;
	overflow: auto;
/*	border: solid #716F64 1px;
*/	border: solid #CCCCCC 1px;
	}
#supportingText h3 {
	padding:10px 10px 5px 10px;
	}	
#supportingText p {
	padding:0px 10px 0px 10px;
	}		
#footer {
	font: 10pt arial, sans-serif; 
	padding:10px;
	}
#linkList {
	position: absolute;
	width: 144px;
	height: 435px;
	left: 598px;
	top: 7px;
	overflow: auto;
	background-color:#F1F3F6;
	color:#000000;
	font: 7.1pt/9pt arial, sans-serif;
	}
#linkList h3.select { 
	margin: 0px 0px -5px 0px; 
	background: url(selectdesign.gif) no-repeat; 
	width:144px; 
	height: 25px;
	}
#linkList h3.select span {
	display:none
	}
#linkList h3.archives { 
	background: transparent url(archive.gif) no-repeat ; 
	width:144px; 
	height: 18px;
	margin: -5px 0px -6px 0px;  
	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources {
	background: transparent url(resources.gif) no-repeat;
	width:144px;
	height: 18px;
	margin: -5px 0px -6px 0px;  
	}
#linkList h3.resources span {
	display:none;
	}
#linkList ul {
	margin: 0px;
	padding: 9px;
	}
#linkList li {
	line-height: 9.4pt; 
	list-style-type: none;
	background: transparent url(cr1.gif) no-repeat; 
	display: block; 
	margin-bottom: 4px;
	}