/* css Zen Garden style - 'Lily Lake' by Martin Hauck */
/* on basis of Dave Shea's default CSS  */

/* basic elements */
html {
	margin: 0px;
	padding: 0px;
	}
body { 
	font: 8pt/13pt Verdana, Arial, sans-serif; 
	color: #727272; 
	background: #fff url(images/hg.jpg) repeat-y; 
	margin: 0px; 
	padding: 0px;
	}
p { 
	font: 8pt/13pt Verdana, Arial, sans-serif; 
	margin-top: 0px;
	text-align: justify;
	margin: 0 0 10px 0; 
	}
h3 {
	margin: 0px;
}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #75AF0A;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #8DD30C;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #8DD30C;
	}
acronym {
	border-bottom: none;
	}


/* specific divs */
#container {
	position: absolute;
	top: 0px;
	left: 0px;
	/*width: 601px; escape due to Box Model Hack*/
	padding-left: 144px;
}

/* IE5 / IE5.5 Box Model Hack*/
#container { 
  width: 745px; 
  voice-family: "\"}\""; 
  voice-family: inherit;
  width: 601px;
} 

#intro { 
	/*min-width: 601px;*/
}

#pageHeader { 
	background: url(images/header.jpg) no-repeat;
	height: 156px;
	width: 601px;
}

#pageHeader h1{
	display:none
}
#pageHeader h2{
	display:none
}

#quickSummary {
}

#quickSummary p.p1{
	position: absolute;
	right: 0px;
	width: 205px;
	height: 163px;
	margin-top: 23px;
	padding: 15px 5px 0px 5px;
	background: url(images/quicksum_intro.jpg) no-repeat top right;	
	font: italic 10pt/20pt Georgia, serif;
	color: #fff;
	text-align: center;
	overflow: hidden;
}

#quickSummary p.p2{
	padding-left: 20px;
	line-height: 2em;
	height: 23px;
	background: url(images/quicksum.jpg) no-repeat top left;
}

	
#quickSummary p {
}

#preamble {
	clear: right; 
	padding: 0px 10px 0px 10px;
}
#preamble p {
	font-size: 1.15em;
	font-style : normal;
}
#preamble .p2,.p3{
	text-indent : 1em;
}
#preamble h3{
	background: url(images/road_to_enlightenment.jpg) no-repeat top left; 
	margin: 20px 0 5px 0;
	width: 270px; 
	height: 24px; 
}
#preamble h3 span{
	display: none;
}	
#preamble p.p1, #preamble p.p2{
	padding-right: 200px;	
}

#supportingText {
	background: url(images/hg_footer.jpg) no-repeat bottom left;
}
#preamble, #supportingText{
	padding: 0 25px 0 20px;
}
#explanation h3{
	background: url(images/so_what_is_this_about.jpg) no-repeat top left; 
	margin: 15px 0 5px 0; 
	width: 240px; 
	height: 24px; 
}
#explanation h3 span{
	display: none;
}

#participation h3{
	background: url(images/participation.jpg) no-repeat top left; 
	margin: 15px 0 5px 0; 
	width: 150px; 
	height: 24px; 
}
#participation h3 span{
	display: none;
}
#benefits h3{
	background: url(images/benefits.jpg) no-repeat top left; 
	margin: 15px 0 5px 0; 
	width: 115px; 
	height: 24px; 
}
#benefits h3 span{
	display: none;
}	

#requirements h3{
	background: url(images/requirements.jpg) no-repeat top left; 
	margin: 10px 0 5px 0; 
	width: 160px; 
	height: 24px; 
}
#requirements h3 span{
	display: none;
}	

#supportingText .p2,.p3, .p4{
	text-indent : 1em;
}

#footer {
	text-align: center;
	padding-bottom : 50px;
}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}

#linkList {
	position: absolute; 
	top: 0px; 
	left: 0px;
	}
#linkList2 { 
	font: 10px verdana, sans-serif; 
	margin-top: 63px; 
	width: 144px; 
	}
#linkList h3.select { 
	width: 144px; 
	height: 29px; 
	background: transparent url(images/select_a_design.jpg) no-repeat top left;
	}
#linkList h3.select span {
	display:none
	}
#linkList h3.archives { 
	background: transparent url(images/archives.jpg) no-repeat top left; 
	width:144px; 
	height: 27px; 
	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources { 
	background: transparent url(images/resources.jpg) no-repeat top left; 
	width:144px; 
	height: 27px; 
	}
#linkList h3.resources span {
	display:none
}

#linkList ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}
#linkList #lresources ul{
	background: url(images/bottom_simple_navi.jpg) bottom left no-repeat;
	padding-bottom: 28px;
	/*border-bottom: 1px solid #999999;	*/
}
#linkList #lselect li{
	background-image: url(images/bullet.gif) ;
	background-position: 4px 8px;
	background-repeat : no-repeat;
	padding-left: 25px;
}
#linkList li {
	line-height: 2.5ex;
	border-top: 1px solid #999999;
	display: block;
	padding-top: 5px;
	padding-left: 8px;
	margin-top:0px;
	margin-bottom: 5px;	
}

#linkList li a:link {
	color: #0067D9;
}
#linkList li a:visited {
	color: #0079FF;
}
#linkList li a:hover, a:active { 
	color: #0079FF;	
}
#linkList #lselect A.c:link{
	color: #75AF0A;
}
#linkList #lselect A.c:hover, A.c:active {
	color: #8DD30C;
}
#linkList #lselect A.c:visited {	
	color: #8DD30C;
}


#extraDiv1 {
	background: url(images/top_left.jpg) top left no-repeat; 
	position: absolute; 
	top: 0px;
	left: 0px;
	width: 144px; 
	height: 63px;
	}
.accesskey {
	text-decoration: underline;
	}