/* universal settings */
* {
	padding: 0;
	margin: 0;
	}

/* re-defined tag settings */		
body { 	
	font-family: Verdana, sans-serif; 
	line-height: 1.3em;	
	background: #333; 
	}

	
/* main structure */		
#container {
	background: transparent url(../images/lrgbg.jpg) no-repeat top left;
	text-align:left;  
	width: 800px;
	height: 1000px; 
	margin: 0 auto;
	position: relative;
	}
	/* be kind to Opera */
html>body .content{
	width: 600px;
}
#container p {
	margin: 0.3em 0;
}

/* intro section */
#intro {
	background: transparent; 
}

/* title header */
#pageHeader {
        top: 0px;
        left: 0px;
        margin: 0;
		height: 300px;
        width: 800px;
		padding: 0; 
/* ie5win bug fix */
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 800px;
        }
	html>body #left {
        width: 800px; 
/* end bug fix */
        }

#pageHeader h1 {
	padding: 260px 90px 0 0;
	color: #333;
	font: 1.5em Verdana, sans-serif; 	
	text-align: right; 
}	
#pageHeader h2 {
	position: absolute;
	right: 90px;
	top: 10px;
	color: #666;
	font: 1.2em Verdana, sans-serif; 	
	text-align: right; 
}


#quickSummary {
	position: absolute;
	top: 428px;
	left: 0;
	padding-right: 570px;
	color: #999;
	font: 0.8em Verdana, sans-serif; 	
	text-align: right; 
}
#quickSummary .p1{
	color: #666;
	font: 1em Verdana, sans-serif; 	
	text-align: right; 
}
#quickSummary .p2{
	color: #999;
	font: 0.9em Verdana, sans-serif; 
	text-align: right; 
}
#quickSummary a:link { 
	font: 0.9em Verdana, sans-serif; 
	color: #fff ;
	text-decoration: none; 
	}
#quickSummary a:visited { 
	font: 0.9em Verdana, sans-serif;
	color: #000;
	text-decoration: none; 
	}
#quickSummary a:hover { 
	font: 0.9em Verdana, sans-serif;	
	color: #f90;
	text-decoration: none; 
	}
#quickSummary a:active { 
	font: 0.9em Verdana, sans-serif; 
	color: #ccc;
	text-decoration: none; 
	}

/* the road to enlightenment section */
#preamble {
	padding-top: 130px;
	padding-left: 250px;
	display: block;
	font: 0.8em Verdana, sans-serif;

}
#preamble .p1{
	color: #f90;
	font: 1em Verdana, sans-serif; 	
	text-align: left; 
	padding-bottom: 12px;
}
#preamble .p2{
	color: #f90;
	font: 1em Verdana, sans-serif; 	
	text-align: left; 
	padding-bottom: 12px;
}
#preamble .p3{
	color: #999;
	font: 1em Verdana, sans-serif; 
	font-style: italic;	
	text-align: left; 
	padding-bottom: 24px;
}
 #preamble h3 {
	display: none;  
}

/* right hand side content */	
 #supportingtext {
    top: 640px;
}


/* main content links */
 #supportingtext  a:link { 
	font: 0.9em Verdana, sans-serif;
	font-weight: bold; 
	color: #999 ;
	text-decoration: none; 
	}
 #supportingtext a:visited { 
	font: 0.9em Verdana, sans-serif;
	font-weight: bold; 
	color: #000;
	text-decoration: none; 
	}
 #supportingtext a:hover { 
	font: 1em Verdana, sans-serif;
	font-weight: bold;	
	color: #f90;
	text-decoration: none; 
	}
 #supportingtext a:active { 
	font: 1em Verdana, sans-serif;
	font-weight: bold; 
	color: #ccc;
	text-decoration: none; 
	}
	
	
/* explanation */	
 #explanation {
	background: transparent url(../images/title_about.jpg) no-repeat top left;
	margin-left: 250px;

	padding-top: 50px;
	display: block;
	font: 0.8em Verdana, sans-serif;
	color: #999;
}

/* links in left panel */
 #explanation   a:link { 
	font: 0.9em Verdana, sans-serif;
	font-weight: bold; 
	color: #999 ;
	text-decoration: none; 
	}
 #explanation  a:visited { 
	font: 0.9em Verdana, sans-serif;
	font-weight: bold; 
	color: #000;
	text-decoration: none; 
	}
 #explanation  a:hover { 
	font: 1em Verdana, sans-serif;
	font-weight: bold;	
	color: #f90;
	text-decoration: none; 
	}
 #explanation  a:active { 
	font: 1em Verdana, sans-serif;
	font-weight: bold; 
	color: #ccc;
	text-decoration: none; 
	}
 #explanation h3 {
	display: none; 
}

/* participation */	
 #participation {
	position: absolute;
	background: transparent url(../images/title_part.jpg) no-repeat top left;
	margin-left: 250px;
	top: 960px;
	padding-top: 50px;
	display: block;
	font: 0.8em Verdana, sans-serif;
	color: #999;
}

/* links in 'participation' */
 #participation a:link { 
	font: 1.1em Verdana, sans-serif; 
	color: #fff ;
	text-decoration: none; 
	}
 #participation a:visited { 
	font: 1.1em Verdana, sans-serif;
	color: #000;
	text-decoration: none; 
	}
 #participation a:hover { 
	font: 1.1em Verdana, sans-serif;	
	color: #f90;
	text-decoration: none; 
	}
 #participation  a:active { 
	font: 1.1em Verdana, sans-serif; 
	color: #ccc;
	text-decoration: none; 
	}
 #participation h3 {
	display: none; 
}

/* benefits */	
 #benefits {
	position: absolute;
	float: left;
    width: 234px;
	top: 960px;
	padding-top: 50px;
	background: transparent url(../images/title_benefit.jpg) no-repeat top left;
	margin-left: 0;
	display: block;
	font: 0.8em Verdana, sans-serif;
	color: #999;
}
 #benefits h3 {
	display: none; 
}


/* requirements */	
 #requirements {
	position: absolute;
	float: left;
	top: 1160px;
	background: transparent url(../images/reqbg.jpg) no-repeat top left;
	padding-top: 60px;
	padding-left: 250px;
	display: block;
	font: 0.8em Verdana, sans-serif;
	color: #999;
}

/* footer */
#footer{
	background: transparent url(../images/footer.jpg) no-repeat top left;
	position: absolute;
	padding-left: 260px;
	padding-bottom: 12px;
	padding-top: 6px;
	top: 1600px;
	width: 800px;
}	
#footer a:link { 
	font: 0.8em Verdana, sans-serif;
	font-weight: bold; 
	color: #f90 ;
	text-decoration: none; 
	}	
#footer a:visited { 
	font: 0.8em Verdana, sans-serif; 
	font-weight: bold;
	color: #666;
	text-decoration: none; 
	}
#footer a:hover {
	font: 0.8em Verdana, sans-serif;
	font-weight: bold;	
	color: #fff;
	text-decoration: none; 
	}
#footer a:active { 
	font: 0.8em Verdana, sans-serif; 
	font-weight: bold;
	color: #fc0;
	text-decoration: none; 
	}

/* links in left panel */
 #requirements a:link { 
	font: 1.1em Verdana, sans-serif; 
	color: #fff ;
	text-decoration: none; 
	}
 #requirements a:visited { 
	font: 1.1em Verdana, sans-serif;
	color: #000;
	text-decoration: none; 
	}
 #requirements a:hover { 
	font: 1.1em Verdana, sans-serif;	
	color: #f90;
	text-decoration: none; 
	}
 #requirements  a:active { 
	font: 1.1em Verdana, sans-serif; 
	color: #ccc;
	text-decoration: none; 
	}
 #requirements h3 {
	display: none; 
}
	
/* left column */
#linkList {
    position: absolute;
	top: 560px;
	float: left;
	display: block;
    width: 234px;
	font: 0.8em Verdana, sans-serif;
	color: #fff;	
}
/* left side menu for design styles, archives and resources */
#linkList2 {
	list-style-type: none;
	list-style-position: inside;
	display: block;
	}
	

/* design select */
#lselect {
	font: 0.8em Verdana, sans-serif;	
}
#lselect .select {
	color: #FF7F00;	
}

#lselect ul li {
	display: block;
	border-bottom: 1px solid #f90;
	padding: 2px 0 2px 6px;
}
	
#lselect a:link { 
	color: #999 ;
	text-decoration: none; 
	}
#lselect a:visited { 
	color: #000;
	text-decoration: none; 
	}
#lselect a:hover { 
	color: #f90;
	text-decoration: none; 
	}
#lselect a:active { 
	color: #ccc;
	text-decoration: none; 
	}
	
/* archives select */
#larchives {
	font: 0.8em Verdana, sans-serif;
	padding-top: 12px;	
}
#larchives .select {
	color: #FF7F00;	
}

#larchives ul li {
	display: block;
	border-bottom: 1px solid #f90;
	padding: 2px 0 2px 6px;
}
	
#larchives a:link { 
	color: #999 ;
	text-decoration: none; 
	}
#larchives a:visited { 
	color: #000;
	text-decoration: none; 
	}
#larchives a:hover { 
	color: #f90;
	text-decoration: none; 
	}
#larchives a:active { 
	color: #ccc;
	text-decoration: none; 
	}
	
	
		
/* resources select */
#lresources {
	font: 0.8em Verdana, sans-serif;
	padding-top: 12px;	
}
#lresources .select {
	color: #FF7F00;	
}

#lresources ul li {
	display: block;
	border-bottom: 1px solid #f90;
	padding: 2px 0 2px 6px;
}
	
#lresources  a:link { 
	color: #999 ;
	text-decoration: none; 
	}
#lresources a:visited { 
	color: #000;
	text-decoration: none; 
	}
#lresources a:hover { 
	color: #f90;
	text-decoration: none; 
	}
#lresources a:active { 
	color: #ccc;
	text-decoration: none; 
	}