/* css Zen Garden submission # - 'NYC- sAMo', by William Haw, http://www.yoodesign.ca/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2005, Alex Miller */
/* Added: #, 2005 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

/* ========================================= [ INIT ] ================================================*/

* { margin: 0; padding: 0; }

body { 
	font: 8pt/16pt tahoma, arial, sans-serif; 
	color: #fff; 
	background: #000 url(f.jpg) no-repeat fixed top left ; 
	margin: 0px; 
	}
p { 
	font: 10pt/16pt tahoma, arial, sans-serif;  
	margin-top: 0px; 
	text-align: justify;
	}
	
h3 { 
	font: 13pt tahoma, arial, sans-serif; 
	background: url(arrow-hover.gif) no-repeat 0 2px ; 
	margin: 15px 0 10px 0;
	padding-left: 25px; 
	}
a:link { 
	text-decoration: none; 
	color: #fff;
	}
a:visited { 
	text-decoration: none; 
	color: #fff;
	}
a:hover, a:active { 
	text-decoration: underline; 
	}
acronym {
	border-bottom: 1px dotted #606060; 
	cursor:help;
	}
	
/* ========================================= [ CONTENT ] ================================================*/
#container {
  	text-align: left;
	position: relative; 
	background: #000;
	width: 555px;  
	margin: 50px auto 100px auto;
	border: 1px solid #7F7F7F;
	}
	
/* ========================================= [ HEADER ] ================================================*/
#intro { 
	min-width: 555px;
	}
#pageHeader {
	text-align: center; 
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	display:none
	}
#pageHeader h1 span {
	display: none;
	}
#pageHeader h2 { 
	background: transparent url(banner3.gif) no-repeat top center; 
	margin-top: 55px; 
	border-top: 1px solid #7F7F7F; 
	width: 555px; 
	height: 235px;
	}
#pageHeader h2 span {
	display:none;
	}
#quickSummary {
	position: absolute; 
	top: 0; 
	left: 0; 
	}
#quickSummary p {
	font: 10pt/14pt tahoma, arial, sans-serif; 
	color: #fff; 
	}
#quickSummary p.p1 { 
	position: absolute;
	padding-left: 20px;
	border-left: 2px solid red; 
	top: 142px; 
	left: 47px;
	width: 273px; 
	font-size: 8pt;
	}
#quickSummary p.p2 { 
	background: transparent url(icon_documents.gif) no-repeat 15px 7px; 
	position: absolute; 
	top: 37px; 
	left: 132px; 
	padding: 10px 0 0 45px; 
	height: 37px; 
	width: 515px;
	font-size: 8pt; 
	}
#quickSummary p.p2 a { font-size: 8pt; }


/* ========================================= [ MAIN BODY ] ================================================*/
#preamble {
	width: 310px;
	margin-left: 15px;
	padding-top: 30px; 
	}
#preamble h3 {
	margin-top: 0px; 
}
#supportingText {
	width: 310px; 
	margin: 0 0 40px 15px;
	}



/* ========================================= [ LINK LIST ] ================================================*/
#linkList {
	position: absolute;
	top: 323px;
	left: 357px;
	border-left: 1px solid #7F7F7F;
	border-top: 1px solid #7F7F7F;
	border-right: 1px solid #353635;
	border-bottom: 1px solid #353635;
	padding: 20px 0 20px 20px; 
	width: 160px;
	font: 8pt tahoma, arial, sans-serif; 
	}

html>body #linkList h3{
	background: url(arrow.gif) no-repeat 0 2px ; 
	}
	#lselect:hover h3, #lresources:hover h3, #larchives:hover h3{
	background: url(arrow-hover.gif) no-repeat 0 2px ; 
	}
#linkList h3.select span, #linkList h3.archives span, #linkList h3.resources span {
	font-size: 13pt;
	border-bottom: 1px solid #353635;
	display: block;
	}
#lselect:hover ul, #lresources:hover ul, #larchives:hover ul {
	display: block;
}
#linkList h3.select {
		margin-top: 0px; 
	}
html>body #linkList ul {
	display: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px; 
	}
#linkList li {
	line-height: 2.5ex; 
	list-style-type: none;
	margin-bottom: 5px;
	padding-top: 5px;  
	border-bottom: 1px solid #353635;
	}
#linkList li a:link { 
	color: #fff;
	display: block;
	}
#linkList li a:hover {
	background-color: red ; 
	text-decoration: none;
	}	
#linkList li a:visited {
	color: #fff;
	display: block; 
	}
	

/* ========================================= [ FOOTER ] ================================================*/
	
#footer { 
	text-align: center;
	margin: 70px -210px 0 0 ;
	}
#footer a:link, #footer a:visited { 
	font-weight: bold;
	margin-right: 20px; 
	}
	
/* fixed credits */
#extraDiv1 {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 105px;
	background: url(footer-credits-bk.png) no-repeat top left;
	}

* html #extraDiv1 {display:none;} /* For IE 5+ PC */
#extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {display:none;}