/* css Zen Garden default style v1.02 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-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. */

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


/* basic elements */
html {
	margin: 0;
	padding: 0;
	}
body {
	background: url() repeat-y top right; 
	font: 75% georgia, sans-serif;
	line-height: 2em;
	color: #777777; 
	clear:both;
	margin: 0; 
	padding: 0;
	}

/* top horizontal bg image */
#extraDiv1{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:550px;
	background: url(images/woodboardsbg2.jpg) repeat-x top left; 
}
/* bottom horizontal bg image */
#supportingText{
	padding: 0 0 0 50px;
	background: url() repeat-x bottom left; 
}
#supportingText p{
	font: 125% georgia, sans-serif, color: #fff;
	line-height: 1.7em;
}
#explanation, #participation, #port, #gall, #lrl, #call, #nurl, #benefits, #requirements{
	padding-right: 630px;
}
/* bottom right bg image */
#footer{
	background: url() no-repeat bottom right;
	padding-top:10px;
	padding-bottom:260px;
	text-align:right;
	padding-right:45px;
	white-space:none;
}
#footer a{
	border-top: solid 5px #c1cb86;
	background: url() no-repeat right 30px;/* */
	padding:10px 10px 40px 10px;
	margin:0;
}
#footer a:hover{
	background-color:#FFF;
}


#container{
	z-index:5;
	position:absolute;
	top:0px;
	margin: 0;
	padding: 150px 0 0 0;
	clear:both;
	background: url() no-repeat top right;
	left: -4px;
}
a{
	color:#8aa500;
}
a:visited{
	color:#577400;
}
a:hover{
	color:#355200;
}
acronym:hover{
	color:#523500;
}
p{ 
	text-align: justify;
	}
p:first-letter { 
	color: #777; 
	font-weight:bold;
	}

/* repositioning intro */
#intro{
	position:absolute;
	top:0;
	text-align:center;
	right:297px;
	background: url() no-repeat 9px 130px;/* */
	width:307px;
}
#intro p{ 
	text-align: left;
	}
h1, h2, h3, h4, h5{
	margin:0;
	padding:0;
}
h3{
	font-size:150%;
}

h1{
	background: transparent url() no-repeat bottom left;/* */
	position:absolute;
	font-size:275%;
	width: 604px; 
	height: 78px; 
	top:35px;
	left:0;
	white-space:nowrap;
	color:#FFF;
}
h1 span{
	display:none;
}
h2{
	font-size:195%;
	white-space:nowrap;
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	right:0;
	text-align:right;
	width:301px;
	height:150px;
	font-weight:normal;
	color:#FFF;
	font-style:italic;
}
#participation h3{
	background: url(images/DSC03178.JPG) no-repeat top left;
	float:left;
	width:50%;
	text-align:center;
	padding:0 0 0 0;
	height:222px;
	margin:5px 10px 0 0;
	color:#FFF;
}


#gall h3{
	background: url(images/9.jpg) no-repeat top left;
	float:left;
	width:50%;
	text-align:center;
	padding:0 0 0 0;
	height:222px;
	margin:5px 10px 0 0;
	color:#FFF;
}

#lrl h3{
	background: url(images/fix2.jpg) no-repeat top left;
	float:left;
	width:50%;
	text-align:center;
	padding:0 0 0 0;
	height:222px;
	margin:5px 10px 0 0;
	color:#FFF;
}

#call h3{
	background: url(images/5.jpg) no-repeat top left;
	float:left;
	width:50%;
	text-align:center;
	padding:0 0 0 0;
	height:222px;
	margin:5px 10px 0 0;
	color:#FFF;
}
#nurl h3{
	background: url(images/DSC00633.jpg) no-repeat top left;
	float:left;
	width:50%;
	text-align:center;
	padding:0 0 0 0;
	height:222px;
	margin:5px 10px 0 0;
	color:#FFF;
}
#port h3{
	background: url(images/5.jpg) no-repeat top left;
	float:left;
	width:50%;
	text-align:center;
	padding:0 0 0 0;
	height:222px;
	margin:5px 10px 0 0;
	color:#FFF;
}
#benefits h3, #participation .p1, #port .p1, #gall .p1, #lrl .p1, #call .p1, #nurl .p1{
	border-top: solid 5px #FFF;
}
#benefits h3{
	padding-top:20px;
}
#participation .p1, #port .p1, #gall .p1, #lrl .p1, #call .p1, #nurl .p1{
	padding-top:10px;
}

#port .p1{
	padding-top:10px;
}

#quickSummary, #preamble, #portr, #gal, #lr, #cal, #nur{
	padding:0 0 10px 0;
}
#quickSummary{
	padding-top:150px;
}
#quickSummary, #preamble, #portr, #gal, #lr, #cal, #nur{
	font-size:140%;
	font-style:italic;
	color:#aaa;
}
#preamble h3{
	font-size:130%;
	width:275px;
	height:201px;
	padding:20px 0 0 0;
	margin:0 auto;
	background: url(images/2.jpg) no-repeat center top;
	color:#fff;
}

#cal h3{
	font-size:130%;
	width:275px;
	height:201px;
	padding:20px 0 0 0;
	margin:0 auto;
	background: url(images/2.jpg) no-repeat center top;
	color:#fff;
}

#gal h3{
	font-size:130%;
	width:275px;
	height:201px;
	padding:20px 0 0 0;
	margin:0 auto;
	background: url(images/10.jpg) no-repeat center top;
	color:#fff;
}

#lr h3{
	font-size:130%;
	width:275px;
	height:201px;
	padding:20px 0 0 0;
	margin:0 auto;
	background: url(images/12.jpg) no-repeat center top;
	color:#fff;
}

#nur h3{
	font-size:130%;
	width:275px;
	height:201px;
	padding:20px 0 0 0;
	margin:0 auto;
	background: url(images/lake1.gif) no-repeat center top;
	color:#fff;
}

#portr h3{
	font-size:130%;
	width:275px;
	height:201px;
	padding:20px 0 0 0;
	margin:0 auto;
	background: url(images/1.jpg) no-repeat center top;
	color:#fff;
}

#preamble .p1, #portr .p1, #gal .p1, #lr .p1, #cal .p1, #nur .p1{
	padding-top:0;
	margin-top:0;
}
#quickSummary p, #preamble p, #portr p, #gal p, #lr p, #nur p, #nur p{
	padding-left:25px;
	padding-right:25px;
	letter-spacing:-0.025em;
	line-height: 1.75em;
}
#quickSummary p:first-letter, #preamble p:first-letter, #portr p:first-letter, #gal p:first-letter, #lr p:first-letter, #cal p:first-letter, #nur p:first-letter{
	color:#555;
}
#quickSummary p:first-letter, #preamble p:first-letter, #portr p:first-letter, #gal p:first-letter, #lr p:first-letter, #cal p:first-letter, #nur p:first-letter{
	float:left;
	font-size:200%;
	background-color:#eff7e7;
	margin:0 5px 3px 0;
	padding:5px;
}

#quickSummary a, #preamble a, #portr a, #gal a, #lr a, #cal a, #nur a{
	white-space:nowrap;
}
#linkList{
	position:absolute;
	top:89px;
	right:0;
	width:297px;
	background: url(images/h_select1.jpg) no-repeat top right;/* */
}
#lselect{
	text-align:center;
	padding-top:80px;
	padding-bottom:10px;
	margin:0;
}
#lselect ul{
	text-align:left;
	padding:0;
	margin:10px 0 0 0;
}
#lselect li{
	border: solid 1px #c1cb86;
	list-style-type: none;
	margin:5px 0 0 0;
		background: url(images/woodboardsbg2.jpg) no-repeat top right;/* */
	padding:7px;
}
#lselect li:hover{
	background-color:#efefef;
}

#lselect li a{
	color:#FFF;
	display:block;
	font-weight:bold;
	font-family: Tahoma, Verdana, Pragmatica, serif;
	font-size:120%;
	padding:3px 6px;
	margin:0;
}
#lselect li a:hover{
	background-color:#fff;
	color:#000;
}
#lselect li a:visited{
	color:#FFF;
}
#lselect li a.c{
	font-weight:normal;
	font-family: georgia, sans-serif;
	font-size:100%;
	display:inline;
}

#larchives{
	padding-top:0;
	text-align:center;
}

#larchives ul{
/*	display:inline; */
	margin:0;
	padding:0;
}
#larchives li{
	float:right;
	list-style-type: none;
	margin:0 7px 0 0;
	padding:0;
}
#larchives li a{
	font-size:85%;
	font-family: Tahoma, Verdana, Pragmatica, serif;
	text-decoration: none;
	padding:3px 7px;
	background-color:#c1cb86;
	color:#355200;
}
#larchives li a:hover{
	background-color:#fff;
}


#lresources{
/*	padding:0; */
	padding:100px 0 0 0;
}
#lresources h3{
	text-align:center;
	background-color:#fff;
	border: solid 3px #fff;
	border-left: none;
	border-top-width: 12px;
	margin:0;
	padding:0;
	width:90%;
/*	background: url(white.gif) no-repeat left 50px; */
}
#lresources ul{
/*	display:inline; */
	border: solid 3px #fff;
	border-left: none;
	margin:0;
	padding:0;
	width:90%;
}
#lresources li{
	border: solid 3px #fff;
	border-left: none;
	list-style-type: none;
	margin:0;
	background-color:#c1cb86;
	padding:0;
	text-align:center;
}
#lresources li a{
	color:#577400;
	display:block;
	font-weight:bold;
	font-family: Tahoma, Verdana, Pragmatica, serif;
	font-size:110%;
	padding:7px;
	margin:0;
}
#lresources li a:hover{
	background-color:#fff;
	color:#000;
}
#lresources li a:visited{
	color:#355200;
}




/* Bandwidth footer */
.p5{
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	padding-left:15px;
}
.p5:first-letter { 
	color: #fff; 
	font-weight:normal;
	}
.p5 a{
	color:#dec;
}
.p5 a:hover{
	color:#fff;
}