/* css Zen Garden submission 199 - 'Zen Army', by Carl Desmond, http://www.niceguy.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2006, Carl Desmond */
/* Added: December 5th, 2006 */


/* 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. */
   


html {		
	margin: 0px;
	padding: 0px;
	min-width:764px;
	background: url(topgrnd.jpg) repeat-x top;
	background-color:#E7D8AF;
	}
body { 
	font: 10pt/18pt "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #000; 
	margin: 0px; 
	background: url(btmgrnd.jpg) no-repeat bottom left;
	height:2200px;
	width:764px;
	}
p { 
	font: 10pt/18pt "Trebuchet MS", Arial, Verdana, sans-serif;
	margin-top: 0px; 
	text-align: left;
	}
h3 { 
	font: italic normal 12pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: red;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: red;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #3B6132;
	}
#container {  
	position:absolute; 
	left:50%;
	width: 750px;
	margin-left: -380px;
	}
#intro { 
	min-width: 764px;
	}
#pageHeader { 
	margin-bottom: 20px;
	}
#pageHeader h1 { 
	background: transparent url(header.jpg) no-repeat top center; 
	margin-top: 0px; 
	width: 764px; 
	height: 380px; 
	}
#pageHeader h1 span {
	display:none
	}
#pageHeader h2 { 
	}
#pageHeader h2 span {
	display:none;
	}
#quickSummary { 
	position:absolute;
	top:365px;
	left:30px;
	}
#quickSummary p.p1 span {
	display:none;
	}
#preamble {
	position: absolute;
	top:400px;
	left:250px;
	}
#preamble h3 {
	background:url(h1_road.gif) no-repeat;
	width:400px;
	height:43px;
	}
#preamble h3 span{
	display:none;
	}
#explanation h3 {
	background:url(h1_sowhat.gif) no-repeat;
	width:400px;
	height:43px;
	}
#explanation h3 span{
	display:none;
	}
#participation h3 {
	background:url(h1_participate.gif) no-repeat;
	width:400px;
	height:43px;
	}
#participation h3 span{
	display:none;
	}
#benefits h3 {
	background:url(h1_benefit.gif) no-repeat;
	width:400px;
	height:43px;
	}
#benefits h3 span{
	display:none;
	}
#requirements h3 {
	background:url(h1_requirements.gif) no-repeat;
	width:400px;
	height:43px;
	}
#requirements h3 span{
	display:none;
	}
#supportingText {
	position: absolute;
	left:250px;
	top: 680px;
	padding-left: 0px; 
	margin-bottom: 0px;
	}
#linkList { 
	position: absolute; 
	top: 385px;
	}
#linkList li{ 
	text-align:left;
	padding-left: 45px;
	}
#linkList2 { 
	font: 10pt "Trebuchet MS", Arial, Verdana, sans-serif;
	line-height:12px;
	background-image:url(linklist_bk.gif);
	background-repeat:repeat-y;
	background-position:left;
	width: 222px; 
	}
#linkList h3.select { 
	background: url(selectdesign.jpg) no-repeat top left; 
	width: 222px; 
	height: 169px; 
	}
#linkList h3.select span {
	display:none;
	}
#linkList h3.favorites { 
	}
#linkList h3.favorites span {
	display:none
	}
#linkList h3.archives { 
	background: transparent url(archives.jpg) no-repeat top left; 
	margin: 0px 0px 0px 0px; 
	width:222px; 
	height: 191px; 
	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources { 
	background: transparent url(resources.jpg) no-repeat top left; 
	width:222px; 
	height: 202px; 
	}
#linkList h3.resources span {
	display:none
	}
#linkList ul {
	margin: 0px;
	padding: 0px;
	padding-bottom:5px;
	}
#linkList li {
	background: url(hrzline.gif) no-repeat top right;
	display: block; 
	padding-top: 10px;
	}
#linkList li a:link { 
	color: red;
	}
#linkList li a:visited {
	color: #3B6132;
	}
#lresources {
	padding-bottom:10px;
	}
#lselect li a {
	font-size: 12px;
	}
#lselect li a:hover{
	color: #3B6132;
	}
#lselect .c {
	font-size: 10px;
	}
#lselect a {
	display: block;
	font-weight: bold;
	}
#lselect a.c {
	display: inline;
	color: #3B6132;
	}
#footer { 
	text-align: right; 
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}