/* 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:#000000;
	color:#CCCCCC;
	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: #0066CC;
	background-color:transparent;
	}
a:active, a:hover { 
	text-decoration: blink; 
	color: #00FFCC;
	background-color:transparent;
	}
/* 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(../Artwork/BGs/site.jpg) no-repeat;
	color:#CCCCCC;
	position:absolute;
	top:50%;
	left:50%;
	width: 750px;
	height: 450px;
	margin-left:-375px;
	margin-top:-225px;
	border: 1px double #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: lighter;
	z-index: 1;






	}
/* end hack */
	
#email {
	position:absolute;
	left: 4px;
	top: 435px;
	width: 356px;
	height: 129px;
	background: url(footer.gif) no-repeat;

	}
#pageHeader h1 span {
	display:none;
	}
#pageHeader h2 { 
	display: none;
	}
#quickSummary {
	position:absolute;
	left: 92px;
	top: 30px;
	height: 73px;
	width: 329px;
	overflow: auto;
	color: #00FFCC;

	}
#quickSummary p {
	font:7.2pt/11pt arial, sans-serif;
	color: #00CCFF;
	background-color:transparent;
	margin-bottom:12px;
	}
#quickSummary a {  
	color: #ECCCB3;
	}
#preamble {
	color:#0066CC;
	position: absolute;
	width: 210px;
	height: 254px;
	left: 8px;
	top: 153px;
	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: 0px;
	top: 90px;
	width: 600px;
	height: 315px;
	overflow: auto;
	border: 1px none #CCCCCC;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	z-index: 1;



	}
#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: 180px;
	height: 404px;
	left: 620px;
	top: 80px;
	overflow: auto;
	color:#0066CC;
	font: 7.1pt/9pt arial, sans-serif;
	z-index: 2;

	}
#linkList h3.select {
	margin: 0px 0px -5px 0px;
	background: no-repeat;
	width:144px;
	height: 25px;
	color: #0066CC;

	}
#linkList h3.select span {
	display:none
	}
#linkList h3.archives {
	background: transparent no-repeat;
	width:144px;
	height: 18px;
	margin: -5px 0px -6px 0px;
	border: 1px none #CCFF00;

	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources {
	background: transparent url(none) no-repeat;
	width:144px;
	height: 18px;
	margin: -5px 0px -6px 0px;
	color: #0099CC;

	}
#linkList h3.resources span {
	display:none;
	}
#linkList ul {
	margin: 0px;
	padding: 9px;
	color: #0066CC;

	}
#linkList li {
	line-height: 9.4pt;
	list-style-type: none;
	background: transparent no-repeat;
	display: block;
	margin-bottom: 4px;
	color: #0099CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;


	}