/* 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;
	}
.page-wrapper {  
	position:absolute; 
	left:50%;
	width: 750px;
	margin-left: -380px;
	}
.intro { 
	min-width: 764px;
	}
header { 
	margin-bottom: 20px;
	}
header { 
	background: transparent url(header.jpg) no-repeat top center; 
	margin-top: 0px; 
	width: 764px; 
	height: 380px; 
	}
h1, h2 {
	display: none;
	}
.summary { 
	position:absolute;
	top:365px;
	left:30px;
	width: 100%;
	}
.summary p:first-child {
	display:none;
	}
.summary p:last-child {
	padding-right: 50px;
	float: right;
}
.preamble {
	position: absolute;
	top:400px;
	left:250px;
	}
.preamble h3 {
	background:url(h1_road.gif) no-repeat;
	width:400px;
	height:43px;

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}
.explanation h3 {
	background:url(h1_sowhat.gif) no-repeat;
	width:400px;
	height:43px;

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}
.participation h3 {
	background:url(h1_participate.gif) no-repeat;
	width:400px;
	height:43px;

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}
.benefits h3 {
	background:url(h1_benefit.gif) no-repeat;
	width:400px;
	height:43px;

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}
.requirements h3 {
	background:url(h1_requirements.gif) no-repeat;
	width:400px;
	height:43px;

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}
.supporting {
	position: absolute;
	left:250px;
	top: 680px;
	padding-left: 0px; 
	margin-bottom: 0px;
	}
.sidebar { 
	position: absolute; 
	top: 385px;
	}
.sidebar li{ 
	text-align:left;
	padding-left: 45px;
	}
.sidebar .wrapper { 
	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; 
	}
.sidebar h3.select { 
	background: url(selectdesign.jpg) no-repeat top left; 
	width: 222px; 
	height: 169px; 

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}
.sidebar h3.archives { 
	background: transparent url(archives.jpg) no-repeat top left; 
	margin: 0px 0px 0px 0px; 
	width:222px; 
	height: 191px; 

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}
.sidebar h3.resources { 
	background: transparent url(resources.jpg) no-repeat top left; 
	width:222px; 
	height: 202px; 

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}
.sidebar ul {
	margin: 0px;
	padding: 0px;
	padding-bottom:5px;
	}
.sidebar li {
	background: url(hrzline.gif) no-repeat top right;
	display: block; 
	padding-top: 10px;
	}
.sidebar li a:link { 
	color: red;
	}
.sidebar li a:visited {
	color: #3B6132;
	}
.zen-resources {
	padding-bottom:10px;
	}
.design-selection li a {
	font-size: 12px;
	}
.design-selection li a:hover{
	color: #3B6132;
	}
.design-selection a.designer-name {
	font-size: 10px;
	}
.design-selection a {
	display: block;
	font-weight: bold;
	}
.design-selection a.designer-name {
	display: inline;
	color: #3B6132;
	}
footer { 
	text-align: right; 
	}
footer a:link, footer a:visited { 
	margin-right: 20px; 
	}