/* css Zen Garden default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/*	Author: Jason Barry
/*	Title: Pen and Ink
/*
/*	I commented as much as possible to make it easy to read.  I also tried not to use as much 
/*		implied shorthand as I've seen in a lot of CSS files.  It makes it difficult for a 
/*		novice to read and understand.
/*
/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */

/*************************************
*				Global Settings					 
*************************************/
* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background-color: Black;
}
a {
	color: #FF9933;
	font-weight: bold;
}
a:hover {
	color: #FFCC66;
}
h1, h2, h3 span {
	display: none;
}

/*************************************
*		Main Content					 
*************************************/

#container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 700px;
	padding: 0 40px 0 40px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: .75em;
	background: url(container_bg.gif) repeat-y center;
}

#pageHeader {
	background: url(header.gif) no-repeat center;
	padding: 15px 0 0 0;
	height: 100px;
	width: 685px;
}

/*************************************
*			Footer					 
*************************************/

#footer {
	width: 700px;
	text-align:center;
	/*border: thin Black solid;*/
}

#extraDiv1 {
	width: 790px;
	margin: 0 auto 0 auto;
	padding: 60px 0 0 0;
	background-image: url(footer_bg.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}

/*************************************
*		Quick Summary					 
*************************************/

#quickSummary {
	width: 220px;
	float: right;
	left: 515px;
	color: White;
	background: url(smtext_top.gif);
}

#quickSummary p.p1 {
	padding: 15px 15px 0 15px;
	background: url(smtext_hd.gif);
	background-repeat: no-repeat;
}

#quickSummary p.p2 {
	padding: 15px 15px 15px 15px;
	background: url(smtext_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
/*************************************
*			Preamble					 
*************************************/
#preamble {
	background: url(text_bg_top.gif);
	background-repeat: repeat-y;
	width: 460px;
	color: White;
}

#preamble p.p1 {
	padding: 52px 15px 0 15px;
	background: url(enlightenment_hd.gif);
	background-repeat: no-repeat;
}

#preamble p.p2 {
	padding: 15px 15px 0 15px;
}

#preamble p.p3 {
	padding: 15px 15px 18px 15px;
	background: url(text_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*************************************
*	Supporting Text Top level					 
*************************************/

#supportingText {
	width: 460px;
}

/*************************************
*		Explanation					 
*************************************/
#explanation {
	padding-top: 10px;
}

#explanation p.p1 {
	padding: 35px 15px 0 15px;
	background: url(explanation_hd.gif);
	background-repeat: no-repeat;
}

#explanation p.p2 {
	padding: 15px 15px 10px 15px;
}


/*************************************
*		Participation					 
*************************************/
#participation {
	background: url(text_bg_top.gif);
	background-repeat: repeat-y;
	color: White;
}

#participation p.p1 {
	padding: 52px 15px 0 15px;
	background: url(participation_hd.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}

#participation p.p2 {
	padding: 15px 15px 0px 15px;;
}

#participation p.p3 {
	padding: 15px 15px 18px 15px;
	background: url(text_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*************************************
*		Benefits					 
*************************************/
#benefits {
	padding: 10px 0 0 0;
}

#benefits p.p1 {
	padding: 35px 15px 10px 15px;
	background: url(benefits_hd.gif);
	background-repeat: no-repeat;
}

/*************************************
*		Requirements					 
*************************************/
#requirements {
	background: url(text_bg_top.gif);
	background-repeat: repeat-y;
	color: White;
	background-color: transparent;
}

#requirements p.p1 {
	padding: 52px 15px 0 15px;
	background: url(requirements_hd.gif);
	background-repeat: no-repeat;
}

#requirements p.p2, p.p3, p.p4 {
	padding: 15px 15px 0 15px;
}
#requirements p.p5 {
	padding: 15px 15px 18px 15px;
	background: url(text_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*************************************
*		Link List Top levels			
*Help here from TheOm3ga on scaling Fonts		 
*************************************/

#linkList {
	position: absolute;
	left: 535px;
	/*top:600px;*/
	/*top: 22.5em; /* top for fonts @ 10px */
	top: 26.6em; /* top for fonts @ 11px */
	float: right;
	width: 200px;
	font-weight: bold;
	/*border: thin solid Black;*/
}

#linkList a {
	color: #DD6611;
	font-weight: bold;
}

#linkList a:hover {
	color: #FFCC66;
}

/*************************************
*		Select a Design			 
*************************************/
#lselect {
	background: url(selectDesign_hd.gif);
	background-position: center top;	
	background-repeat: no-repeat;
	padding: 15px 0 15px 0;
	/*border: thin solid Black;*/
}

#lselect ul {
	list-style-image: url(listStyle.gif);
	padding: 20px 0 0 30px;
}
#lselect ul li {
	margin-bottom: 10px;
}

/*************************************
*		Archives					 
*************************************/

#larchives {
	background: url(archives_hd.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 15px 0 15px 0;
	/*border: thin solid White; !important;*/
}

#larchives ul {
	list-style-image: url(listStyle2.gif);
	padding: 20px 0 0 30px;
}

#larchives ul li {
	margin-bottom: 10px;
}

/*************************************
*		Resources					 
*************************************/

#lresources {
	background: url(resources_hd.gif);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 15px 0 15px 0;	
	/*border: thin solid Black;*/
}

#lresources ul {
	list-style-image: url(listStyle3.gif);
	padding: 20px 0 0 30px;
}

#lresources ul li {
	margin-bottom: 10px;
}