html {
	 
	background: #fff;
}

body {

	font: 9pt/12pt verdana, helvetica, sans-serif; 
	color: #2E5397; 
	margin: 0;padding: 0;padding-top: 0px;text-align: center;

     }
#wraper{

margin: 10px Auto;
/*margin-left : 70px; */
width:1200px;
height:1100px;
background-color: #ffffff;
background: #fff url(images/background.jpg) top center no-repeat;

}
#logo { 
margin-top : 300px;
margin-right : 10px; 
float : right; text-align: center;
} 
#logo h1.lineone { 
font-size : 1.7em; 
font-weight : lighter; 
font-family : helvetica, arial, sans-serif; 
border : none; 
letter-spacing : -1px; 
color : #999966; 
} 
#logo h1.lineone span { 
color : #d2d2d2; 
} 
#logo h2.linetwo { 
font-size : 1.3em; 
font-family : helvetica, arial, sans-serif; 
text-transform : none; 
top : 25px; 
left : 14px; color: #0066cc;
} 
#centered
{ 
 width: 1000px; /* set to desired width in px or percent */
 text-align: justified; /* optionally you could use "justified" */
 border: 0px; /* Changing this value will add lines around the centered area */
 padding: 0;  
 margin: 0 auto; 

} 

p { 
	font: 10pt/14pt calibri;
	/*font: 9pt/16pt verdana, helvetica, sans-serif;*/
	padding-bottom: 5px; 
	}
h3 { 
	font-size: 14pt; 
	letter-spacing: 1px; 
	margin: 0;
	padding: 0;
	color: #333333;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #666362;
	}
a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #7D97C8;
	border: none;
	}
a:hover, a:active { 
	color: #7D97C8;
	}

#container { 
	text-align: left;  
}

#intro { 
	min-width: 400px;
	}

#pageHeader h1 {  
	margin: 10px 0 0 250px; 
	padding: 50px 0 0 0;
	width: auto; 
	height: 18px;
	}
#pageHeader h1 span {
	}
#pageHeader h2 {
	padding: 0;
	margin: 30px 0 0 250px;
	width: auto;
	height: auto;
	font-size: 14px;
	}
#pageHeader h2 span {
	}

#quickSummary p.p1 {
	position: absolute;
	top: 30px;
	left: 410px;
	margin: 0; 
	padding: 0 50px 0 0;
	font: 14pt/18pt verdana, helvetica, sans-serif;
	text-transform: lowercase;
	color: #869152;
}
#quickSummary p.p2 {
	position: absolute;
	top: 850px;
	left: 0;
	width: 320px;
	margin: 0;
	padding: 15px 20px 15px 20px;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	background: #677235;
}

#preamble {
	margin: 10px 50px 0px 250px; /* top padding of the frame */
	padding: 10px 0 20px 0;
	/*border-top: 1px dotted #869152;*/
	}
#preamble h3 {
	width: auto;
	height: 23px;
}

#supportingText {
	margin: 0 80px 0 250px;

	}
#explanation {
	padding-bottom: 40px;
	padding-top: 340px;
}
#explanation h3 {
	width: auto;
	height: 19px;
}
#participation {
	margin-top: 20px;
	padding-bottom: 40px;
}
#participation h3 {
	width: auto;
	height: 23px;
}
#benefits {
	margin-top: 20px;
	padding-bottom: 40px;
}
#benefits h3 {
	width: 106px;
	height: 24px;
}
#requirements {
	margin-top: 20px;
	padding-bottom: 40px;
}
#requirements h3 {
	width: 155px;
	height: 23px;
}

#footer {
	margin-top: 10px;
	font-size: 9px;
	/*border-top: 1px solid #869152;*/
}
#footer a:link, #footer a:visited { 
	margin-right: 0px; 	

	}

#linkList {
	position: absolute;
	top: 375px; /* To push the menu down*/
	/*left: 20;*/
	width: 140px;
	text-align: right;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
}

#lselect { /* To position left nav */
	clear: none;
	margin: 10px 10px 0px 40px; 
	padding: 90px 90 10px 90;
	float: left;/*makes the left nav float to left/right side of the browser*/
	width: 240px;
	/*margin: 0 0 30px 0;*/
	/*border-right: 1px solid #677235;*/
	voice-family: "\"}\"";      
	voice-family: inherit;
	width: 160px;
	}
html>body #lselect {
	width: 200px;
	}
#larchives { 
	float: right;
	width: 180px;
	padding: 0 0 0 20px;
	margin: 0 0 30px 0;
	voice-family: "\"}\"";      
	voice-family: inherit;
	width: 160px;
	}
html>body #larchives {
	width: 160px;
	}
#lresources { 
	float: left;
	width: 170px;
	padding: 0 0 0 20px;
	margin: 0 0 30px 0;
	voice-family: "\"}\"";      
	voice-family: inherit;
	width: 160px;
	}
html>body #lresources {
	width: 160px;
	}

#linkList h3.select {
	margin: 0;
	width: auto;
	height: auto;
	border: 0;
}
#linkList h3.select span {
}
#linkList h3.favorites { 
	margin: 0; 
	width: 58px;
	height: 10px; 
	border: 0;
}
#linkList h3.favorites span {
	display:none
}
#linkList h3.archives { 
	margin: 0; 
	width: auto; 
	height: auto;
	border: 0;
}
#linkList h3.archives span {
}
#linkList h3.resources { 
	margin: 0; 
	width: 66px;
	border: 0;
	height: 10px; 
}
#linkList h3.resources span {
	display:none
}
#linkList ul {
	margin: 0px;
	padding: 0px;
}
#linkList li {
	list-style-type: none;
	display: block; 
	padding-top: 2px; 
	margin-bottom: 2px;
}
#linkList li a:link {
	text-decoration: none;
	border: none;
}
#linkList li a:visited {
	text-decoration: none;
	border: none;
}

#linkList li a.c {
	text-decoration: none;
	border: none;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 1px; /*position where enlarged image should offset horizontally */
}

.thumbnailc{
position: relative;
z-index: 0;
}

.thumbnailc:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailc span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailc span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnailc:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 50px; /*position where enlarged image should offset horizontally */
}