/* DESIGNED BY Alixe Bhagooa, http://www.bhagooa.com */
/* This design was not accepted on  the official list of CSS Zen Garden, probably because when I submit it
   IE was not diplaying it properly, but it is fixed now. */


/* css Zen Garden default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */


/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
html
{
	background-color: #BEBCAD;
}

body
{ 
     margin: 0; 
     background-color: #FFFFFF;
     width: 800px;
}

p
{ 
	font: 8pt verdana, helvetica, sans-serif; 
	margin-top: 0px; 
}

a:link
{ 
	font: 8pt verdana, helvetica, sans-serif; 
	color: #333333;
}

a:visited
{
	text-decoration: none;
	border-bottom: 1px dashed;
	color: #666666;
}

/* specific divs */
#container
{ 
     	width: 385px;
     	text-align: left;
}

#pageHeader
{ 
	background: transparent url(header.jpg) no-repeat top left;
	width: 800px; 
	height: 359px; 
	margin-bottom: 0;
	*margin-bottom: -19px;
}

#pageHeader h1
{
	display:none;
}

#pageHeader h2
{ 
	display:none;
}

#quickSummary .p1
{
	position: absolute;
	top: 125px;
	margin-left: 200px;
	width: 300px;
	font-weight: bold;
	border: 1px solid;
	padding-top: 5px;
	padding-bottom: 5px;
}

#quickSummary .p2
{
	position: absolute;
	top: 195px;
	margin-left: 200px;
	text-align: right;
	color: #000000;
}

#quickSummary .p2 a:link
{
	color: #333333;
}

#quickSummary .p2 a:visited
{
	text-decoration: none;
	border-bottom: 1px dashed;
	color: #333333;
}

#quickSummary .p2 a:hover
{
	text-decoration: none;
}

#preamble h3 span
{
	display: none; 
}

#preamble p
{
	background: transparent url(border2.jpg) repeat-y top left;
	margin-left: 3px;
	margin-top: -20px;
	*margin-top: 0;
	margin-bottom: 20px;
	*margin-bottom: 0;
	padding-top: 10px;
}

#explanation h3
{
	background: transparent url(about.jpg) no-repeat top left;
	width: 385px; 
	height: 53px; 	
	margin-top: -11px;
	margin-left: 3px;
	margin-bottom: 7px;
	*margin-bottom: 0;
}

#explanation p
{
	background: transparent url(border2.jpg) repeat-y top left;
	margin-left: 3px;
	margin-top: -20px;
	*margin-top: 0;
	margin-bottom: 20px;
	*margin-bottom: 0;
	padding-top: 10px;
}

#explanation h3 span
{
	display: none;
}

#participation h3
{
	background: transparent url(participation.jpg) no-repeat top left;
	width: 385px; 
	height: 53px; 
	margin-top: -11px;
	margin-left: 3px;
	margin-bottom: 7px;
	*margin-bottom: 0;
}

#participation h3 span
{
	display: none;
}

#participation p
{
	background: transparent url(border2.jpg) repeat-y top left;
	margin-left: 3px;
	margin-top: -20px;
	*margin-top: 0;
	margin-bottom: 20px;
	*margin-bottom: 0;
	padding-top: 10px;
}

#benefits h3
{
	background: transparent url(benefits.jpg) no-repeat top left;
	width: 385px; 
	height: 53px; 	
	margin-top: -11px;
	*margin-top: 0;
	margin-left: 3px;
	margin-bottom: 7px;
}

#benefits h3 span
{
	display: none;
}

#benefits p
{
	background: transparent url(border2.jpg) repeat-y top left;
	margin-left: 3px;
	margin-top: -20px;
	margin-bottom: 20px;
	*margin-bottom: 0;
	padding-top: 10px;
}

#requirements h3
{
	background: transparent url(requirements.jpg) no-repeat top left;
	width: 385px; 
	height: 53px; 	
	margin-top: -11px;
	margin-left: 3px;
	margin-bottom: 7px;
	*margin-bottom: 0;
}

#requirements h3 span
{
	display: none;
}

#requirements p
{
	background: transparent url(border2.jpg) repeat-y top left;
	margin-left: 3px;
	margin-top: -20px;
	*margin-top: 0;
	margin-bottom: 20px;
	*margin-bottom: 0;
	padding-top: 10px;
}

#container .p1 , #container .p2, #container .p3, #container .p4, #container .p5 
{
	padding-right: 18px;
	padding-left: 5px;
}

#footer
{ 
	padding-top:12px;
	text-align: right;
	position:relative;
	top: -60px;
	left: 280px;
}

#footer a:link
{
	color: #333333;
}

#footer a:visited
{
	text-decoration: none;
	border-bottom: 1px dashed;
	color: #333333;
}

#footer a:hover
{
	text-decoration: none;
}

#linkList
{
	position: absolute; 
	margin-left: 525px;
	*margin-left: 495px;
	top: 335px; 
	width: 200px;
	background-color: #FFFFFF;	
}
#linkList2
{ 
	font: 10px verdana, sans-serif; 
	padding-left: 15px;
	width: 200px; 
}


#linkList h3.select
{ 
	background: transparent url(design.gif) no-repeat top left; 
	width: 250px; 
	height: 49px; 
	margin-left: -30px;
	*margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#linkList h3.select span
{
	display:none
}

/*#linkList h3.favorites
{ 
	background: transparent url(h4.gif) no-repeat top left; 
	margin: 25px 0px 5px 0px; 
	width: 60px; 
	height: 18px; 
}
#linkList h3.favorites span
{
	display:none
}*/

#linkList h3.archives
{ 
	background: transparent url(archives.gif) no-repeat top left; 
	width: 250px; 
	height: 49px; 
	margin-left: -30px;
	*margin-left: 0;
	margin-top: -5px;
	margin-bottom: 0;
}

#linkList h3.archives span
{
	display:none
}

#linkList h3.resources
{ 
	background: transparent url(resources.gif) no-repeat top left; 
	width: 250px; 
	height: 49px; 
	margin-left: -30px;
	*margin-left: 0;
	margin-top: -5px;
	margin-bottom: 0;
}

#linkList h3.resources span
{
	display:none
}


#linkList ul
{
	margin-left: -30px;
	*margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	background: transparent url(border4.jpg) top left repeat-y; 
	padding-left: 40px;
	width: 200px;
}
#linkList li 
{
	line-height: 13px; 
	list-style-type: none;	
	padding-top: 5px; 	
	margin-bottom: 5px;
}
.c
{
	letter-spacing: 1px;
}

#linkList li a:link
{ 
	color: #333333;
}
#linkList li a:visited
{
	text-decoration: none;
	border-bottom: 1px dashed;
	color: #666666;
}

#extraDiv1
{
	background: transparent url(covent.jpg) no-repeat top left; 
	border: 1px solid;
	width: 345px; 
	height: 258px; 
	position: absolute;
	top: 1220px;
	left: 420px;
}

#extraDiv4
{
	background: transparent url(zen.gif) no-repeat top left; 
	border: 1px solid;
	width: 345px; 
	height: 258px; 
	position: absolute;
	top: 925px;
	left: 420px;
}

#preamble .p3, #explanation .p2, #participation .p3, #benefits .p1, #requirements .p5
{
	margin-bottom: -10px;
	*margin-bottom: 0;
}

#preamble .p1
{
	margin-top: -25px;
	*margin-top: 0;
}