/* css Zen Garden submission 000 - 'access all areas', by Leon Dwyer, http://www.vinet.net.au */
/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */
/* All associated graphics copyright 2004, Leon Dwyer */

/* Basic Elements */

body {
font-family: "Helvetica", Arial, sans-serif;
text-align:left;
margin:0; 
padding: 0; 
background:#FFFFFF center repeat-y url(../img/back.jpg);
}
p {
background:0; 
padding: 0 15px 0 15px;
}
head:first-child+body #supportingText p.p2 {
padding-bottom: 1px; 
padding-top: 0px 15px 1px 15px; 
}
p.p5 {
font-size:14px;
position: absolute;
z-index: 20;
padding: 20px 0 0 15px;
margin: 0 0 0 -301px;
}
#requirements p.p4{
	padding-bottom: 20px;
	margin-bottom: 0;
}
/* better than the Fahrner Image Replacement method because it can be picked up by screen readers*/
h1,h2,h3 span {
/*height:0;
width:0;
overflow:hidden;*/
margin-left:4px;
display:block;
}

h1 {
color:#FFFFFF;
}

#preamble h3{
height:0;
width:0;
overflow:hidden;
display:block;
}

h3 {
margin-bottom:-1em
}
/* divs */
#container {
	position: relative;
	width:770px;
	text-align:left;
	background-color:White;
	left:50%;
	margin:0 0 -145px -385px;
/*	border-bottom: 1px solid #333333;*/
	border-top-style: none;
}
#pageHeader {
position:absolute;
background-image:url(csszen.gif);
width:305px;
height:440px;
}
#quickSummary {
position:relative;
margin-top:0;
padding-top:0;
width:770px;
left:0px;
height:295px;
color:#333333;
font-size:12px; 
background-color: #FFFFFF;
}
#quickSummary p.p1 {
position:absolute;
bottom:0px;
width:420px;
}
#quickSummary p.p2 {
position:absolute;
bottom:.6em;
}
#quickSummary a {
color:#DEE2C7;
font-weight:700;
text-decoration:none
}
#quickSummary a:hover {
color:#B9CF28;
font-weight:700;
text-decoration:underline
}
#supportingText a {
color:#EA0000;
/*font-weight:bold;*/
/*background: #eeeeee;*/
text-decoration:none;
}
#supportingText a:hover {
color:#FFFFFF;
background: #EA0000;
}
#footer {
position: absolute;
font-family:"Verdana", Arial, sans-serif;
font-size:11px; 
padding: 20px 152px 20px 10px;
/*padding: top right bottom left;*/
margin-left: -166px;
/*border-top: 2px solid #DDDDDD;*/
/*border-bottom: 1px solid #333333;*/
background-color: #FFFFFF;
background-image: url(../img/footer.gif); 
background-position: top left;
background-repeat: no-repeat;
width: 605px;
z-index: 19;
}
#supportingText p.p5 a:hover{
color: #FFFFFF;
/*text-decoration:underline*/
}
#menuList {
	position:absolute;
	top:295px;
	left:575px;
	width:188px;
	/*height:400px;*/
	background:#FFFFFF;
	border-left:dashed #CCCCCC 1px;
	z-index: 25;
}
#menuList h1 {
	margin-top:0px;
	margin-bottom:0;
	padding-bottom:0;
	padding-top:4px;
	margin-left: 0px;
	height:20px;
	width:186px;
	background-color:#FEFEFE;
	background-image:url(../img/fd_r.gif);
	border-bottom:dashed #666 1px;
	border-right:solid #CCC 3px;
	border-left:solid #FFF 1px;
	font-family: "Verdana", Arial, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#777;
	word-spacing: -1px;
}
#sousmenu h3 span {
	display: none; /*hide*/
}
#sousmenu h3 {
	background-image:url(../img/fd_smo.gif);
	MARGIN: 0px 0px 0px 0px;
	height:20px;
	border-right:solid #CCC 3px;
	/*border-right:dashed #666 1px;*/
}
#fermesousmenu h3 span {
	display: none; /*hide*/
}
#fermesousmenu h3 {
	background-image:url(../img/fd_smf.gif);
	MARGIN: 0px 0px 0px 0px;
	/*border-right:solid #CCC 3px;*/
	height:40px;
	width:190px;
	/*border-right:dashed #666 1px;*/
	/*border-bottom:solid #666 1px;*/
}

#sousmenu {
	position:relative;
	word-spacing:0px;
	color: #FFB300;
	font-family: "Helvetica", Arial, sans-serif;
	font-size:11px;
	width:190px;
	font-weight: bold;
}
#sousmenu UL {
	list-style:none;
	margin:0;
	padding:0;
}
#sousmenu LI {
	background-color:#FAFAFA;
	background-image:url(../img/fd_sm.gif); 
	height:18px;
	/*border-top:solid #FFFFFF 1px;*/
	/*border-bottom:solid #F0F0F0 1px;*/
	/*border-right:solid #DDD 1px;*/
	border-right:solid #CCC 3px;
	MARGIN: 0px 0px 0px 0px;
	PADDING: 5px 0px 0px 0px;
	text-indent: 10px ;
}
#sousmenu LI a{
display: block;
text-decoration:none;
height:100%;
width:100%;
color:#888;
}
#sousmenu LI a:hover{
text-decoration:none;
color:#FFB300;
height:100%;
width:100%;
background-color:#FFFFFF;
/*background-image:url(../img/fd_sm_h.gif);*/
}

#linkList {
	position:absolute;
	top:370px;
	width:150px;
	line-height:18px;
	background:#FFFFFF url(linkback.jpg) repeat-x  0px 32px;
	margin:0 0 0 10px;
	padding:0 0 0 0;
	z-index: 1;
}
#linkList ul {
list-style:none;
margin:0;
padding:0;
}
#linkList li {
list-style:none;
margin-left:10px;
height:20px;
}
#linkList h3 {
	font-family:"Helvetica", Arial, sans-serif;
	font-size:11px;
	color: #AAAAAA;
	height:30px;
	width:150px;
}
#linkList h3.select {
margin-top:0px;
margin-bottom:0px;
padding: 0 0 0 0;
background:url(../img/fd_t.gif);
border-top:solid 4px #DDDDDD;
height:18px;
width:149px;
}
#larchives {
position:relative;
margin-top:30px;
border-top:solid 4px #8CC919;
border-left:solid 1px #8CC919;
width:150px;
background:#FFFFFF
}
#linkList h3.archives {
MARGIN: 0px 0px 0px 0px;
width:149px;
height:18px;
background:url(../img/fd_t.gif);
}
#lresources {
position:relative;
margin-top:10px;
border-top:solid 4px #BFEA59;
border-left:solid 1px #BFEA59;
width:150px;
background:#FFFFFF
}
#linkList h3.resources {
MARGIN: 0px 0px 0px 0px;
width:149px;
height:18px;
background:url(../img/fd_t.gif);
}
#lselect {
word-spacing:0px;
color: #CCCCCC;
border-left:solid 1px #DDDDDD;
font-size:11px;
padding:0px;
width:150px;
}
#larchives,#lresources {
word-spacing:-1;
color:##8CC919;
font-size:11px;
}
#larchives a,#lresources a {
margin:0;
word-spacing:0;
color:#777777;
text-decoration:none
}
#larchives a:hover,#lresources a:hover {
margin:0;
color:#FFFFFF;
background:#8CC919;
}
#lselect a {
word-spacing:0;
color:#777777;
margin:0;
text-decoration:none
}
#lselect a:hover {
color:#FFFFFF;
margin:0;
background:#8CC919;
}
#lselect a.c {
word-spacing:0;
margin:0;color: #666666;
text-decoration:none;
/*font-size: .8em;*/
}
#lselect a.c:hover {
color: #FFFFFF;
background:#333333
}
#preamble {
position:relative;
background-color:#FEFEFE;
background-image:url(../img/fd_s.gif);
border-top:solid #CCC 3px;
border-bottom:dashed #666 1px;
border-left:solid #CCC 3px;
/*border-right:solid #DDD 2px;*/
/*margin:0;*/
padding:3px 0px 0px 0px;
margin:0px 0px 0px 5px;
/*padding: top right bottom left;*/
width:569px;
height:18px; 
left:-2px;
color:#333; 
/*overflow: auto;*/
}
#preamble a {
color:#333;
text-decoration:none;
}
#preamble a:hover {
color:#FFFFFF;
background: #333333;
}
#preamble a.c {
text-decoration:none;
}
#preamble a.c:hover {
background: #F9F9F9;
}
#linkList LI {
	PADDING-RIGHT: 4px; 
	BORDER-BOTTOM: #CCC 1px dashed;
	PADDING-LEFT: 4px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 2px 0px 0px 0px; 
	PADDING-TOP: 0px
}
#supportingText {
font-size:12px; 
padding-bottom: 0px; 
margin-bottom:0px; 
}

#preamble p.p2 {
font-family:"Verdana", Arial, sans-serif;
font-size:9px;
padding:2px 0 0 6px; 
margin:0 0 0 0; 
}
/*#preamble p.p1 {
margin: 1em 0 0 0;
padding-top: 10px;
background: top url(s1.gif) repeat-x;
font-size:14px;
}*/
/*#preamble h3 {
 position: relative; 
cursor: url(hand.cur), pointer;
background:url(preambleh3.gif) no-repeat;
 height:85px; 
 margin-top:0; 
 z-index: 25;
 }*/
#participation h3,#benefits h3,#requirements h3 {
/*cursor: url(hand.cur), pointer; 
height:40px;
background-repeat:no-repeat;*/
/*border-top:solid #6C6815 1px*/
margin-top:0px;
margin-bottom:0px;
margin-left: 12px;
font-size:14px;
color:#EA0000;
word-spacing: 2px;
}

#explanation h3 {
/*cursor: url(hand.cur), pointer; 
background-image:url(about.gif);
height:40px;*/
margin:0px 0px 20px -4px;
font-size:14px;
color:#EA0000;
word-spacing: 2px;
}

#explanation {
/*cursor: url(hand.cur), pointer; 
background-image:url(about.gif);
height:40px;*/
margin: 0px 0px 0px 16px;
}

/*#participation h3 {background-image:url(co.gif)}
#benefits h3 {background-image:url(ben.gif)}
#requirements h3 {background-image:url(bench.gif)}
#supportingText p{word-spacing: 0px; }*/

#supportingText {
margin: 0px 0px 0px 14px;
padding: 20px 10px 0 5px;
position:relative;
width:396px;
left:150px;
background:#FFFFFF;
border-right:dashed #CCCCCC 1px;
color:#333333;
}

#extraDiv1{
position: absolute;
height: 40px;
width: 10px;
left: 50%;
padding: 0;
margin-left: -382px;
top: 320px;
background-image:url(../img/fd_g.gif);
z-index: 37;
}
#extraDiv2 {
	position: absolute;
	margin-left: -374px;
	top: 650px;
	left: 50%;
	z-index: 30;
}

#extraDiv3,#extraDiv4,#extraDiv5,#menu,#preamble p.p1,#preamble p.p3,#preamble h3{display:none}