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

/* This file based on 'Tranquille' by Dave Shea */
/* 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 */
body { 
	font: 9pt/11pt  Trebuchet MS, Arial; 
	color: #000000; 
	background: #F6F3EC url(bg.jpg) repeat-x ; 
	margin: 0px; 
	padding:0px;
	border:0px;
	}

p { 
	font: 9pt/11pt Trebuchet MS, Arial;
	text-align: justify;
	}
h3 { 
	font: bold italic 16pt Trebuchet MS; 
	letter-spacing: 4px; 
	padding:5px 20px 5px 5px; 
	color: #000000;


	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #4D9B0E;

	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #8FBF65;

	}
a:hover, a:active { 
	text-decoration: none;
	border-bottom:1px solid;
	color: #478217;
	}


/* specific divs */
#container { 
	padding:0px;
	margin:0px;
	}

#intro { 
	background:  transparent url(logo.jpg) no-repeat top left;
	width: 350px;
	height:175px;
	top:0px;
	left:0px;
	}
#pageHeader { 
	background: #000000 url(stitre1.jpg) no-repeat top left;
	position:absolute;
	left:305px;
	top:0px;
	width: 435px; 
	height: 29px; 
	}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	}
#pageHeader h1 span {
	display:none
	}
#pageHeader h2 { 
}

#pageHeader h2 span {
	display:none;
}

#quickSummary {
	background : #fff transparent;
	position: absolute;
	left:285px;
	top:29px;
	width: 450px; 
	height: 50px;
	}
	
#quickSummary p {
	color: #9BDA3F;
	font: 7pt/10pt Trebuchet MS, Arial, georgia, Sans-Serif;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 0px 50px 0px 50px;
	text-align:center;
	
	}
#quickSummary p.p2 {
	letter-spacing: 2px;
	color: #A9F33A;
	font: 8pt/10pt  Trebuchet MS,Arial;
	font-weight: bold;
	text-align:center;
	text-transform: uppercase; 
	}

#quickSummary p.p2 a, a {
	color: #A9F33A;
	text-decoration: none;
	border-bottom: 1px dotted ;
	}

#quickSummary p.p2 a:hover {
	color: #F6FF00;
	text-decoration: none;
	border-bottom: 4px solid #F6FF00;
	}

#preamble {
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	position:absolute;
	left:320px;
	top:80px;
	text-align: justify;
	width:381px;
	height:220px;
	padding-top:2px;
	background: url(bgsrub.jpg) no-repeat fixed;
	
	}
	
#preamble h3{
	background: #000000 url(titresrub1.jpg) no-repeat fixed;
}
#preamble h3 span{
	display:none;
}
#preamble p{
	color:#5E9232;
	font: 8pt/11pt  Trebuchet MS,Arial;
	float:left;
	width:340px;
	margin-left:5px;
	margin-top:0px;
	padding:2px 5px 2px 5px;
	border:solid;
	border-top:0px #FFFFFF;
	border-left:0px;
	border-right:0px;
	border-bottom:1px #A8CB6A;	
	}

	
#supportingText {
	filter:alpha(opacity=60);
	-moz-opacity:.6;
	margin:10px 0px 0px 1px;
	padding: 0px 0px 10px 0px;
	background: #F7F transparent url(bg2.gif) no-repeat bottom right;
	}
#supportingText  h3{
	border-bottom : 1px dotted #000000;
	text-transform: uppercase;
	border-left : 10px solid #4B9A0B;
}

#supportingText h3 span {
}

#explanation ,#benefits, #participation ,#requirements {
	padding:0px 100px 0px 0px;
	margin:0px 0px 0px 0px;	
}

#requirements p.p5{
	color:#C8BB9C;
}

#requirements p.p5 a:link {
	color:#B29248;
}

#requirements p.p5 a:hover {
	text-decoration: none;
	border-bottom: 4px solid;
}

#lresources h3{
	color:#FFFFFF;
}

.p1 { 
}
.p2 { }
.p3 { }
.p4 { }
.p5 { }	
#footer { 
	display:none;
	text-align: center; 
	background:#000000;
	}
#footer a:link, #footer a:visited { 
	border:none;
	text-decoration:none;
}

#lselect {
	color:#FFFFFF;
}


#linkList {
	filter:alpha(opacity=70);
	-moz-opacity:.7;	
	width: 240px;
	position: absolute; 
	top: 170px; 
	left: 20px;
	
	}
#linkList2 { 
	font: 10px verdana, sans-serif; 
}

#lselect ul{
	background:url(bg_bt1.gif) no-repeat top center;
	height:200px;
}


#linkList h3.select {
	background:url(stitre2.gif) no-repeat top center;
	filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=10) progid:DXImageTransform.Microsoft.BasicImage(mirror=0);
	padding: 0;
	margin: 0;
	height: 30px; 
}

#larchives ul{
	background:url(bg_bt2.gif) no-repeat top center;
	height:80px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#larchives  h3 {
	background:url(stitre3.gif) no-repeat top center;
	filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=10) progid:DXImageTransform.Microsoft.BasicImage(mirror=0);
	height: 40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


#lresources  h3 {
	background:url(stitre4.gif) no-repeat top center;
	filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=10) progid:DXImageTransform.Microsoft.BasicImage(mirror=0);
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#lresources ul{
	background:url(bg_bt3.gif) no-repeat top center;
	height:150px;
	
}

#lselect h3 span, #lfavorites  h3 span, #larchives  h3 span, #lresources  h3 span {
	display: none;
}


#linkList li { 
	text-align:center;
}	



#linkList h3.favorites { 
}

#linkList h3.archives { 
}

#linkList h3.resources { 
}

#linkList ul {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	}
#linkList li {
	line-height: 2.7ex; 
	list-style-type: none;
	display: block; 
	margin-bottom: 0px;
	padding:6px 2px 4px 2px;
	}
#linkList li a:link { 
	color: #FFFFFF;
	padding:10px 2px 4px 2px;
	margin:1px 1px 1px 1px;
	border:none;
	}
#linkList li a:hover { 
	color: #F6FF00;
	}

#linkList li a:visited {
	color: #CCCCCC;
	border:none;
}

#extraDiv1 { 
	position: absolute; 
	top: 40px; 
	right: 0px; 
	width: 148px; 
	height: 110px; 
	}
	
acronym {
	cursor: help;
	}