body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

.titlehydro {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
}

.titlehydro2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}

.pageback {
background: url(../images/bg.jpg) repeat-x #81AAE7;
text-align: center;
}
#container {
	position: relative;
	width: 901px;
	margin-left: 20px;
	margin-right: 20px;
	/*background: url(images/leftbg.gif) repeat-y #81AAe7;*/
	background: url(../images/leftbg.gif) repeat-y #81AAe7;
}


#container2 {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	/*background: url(images/leftbg.gif) repeat-y #81AAe7;*/
	background: url(../images/leftbg.gif) repeat-y #81AAe7;
}
acronym {
	border-width: 0px;
}

a:link, a:active, a:visited {
	color: #000;
	font-weight: bold;
}

a:hover {
	color: #003B5C;
}

h3 {
	color: #40719D;
	font-size: 13px;
	margin: 0px;
}

#pageHeader {
	background: url(../images/top.gif);
	width: 604px;
	height: 81px;
}

#pageHeader h1 span, #pageHeader h2 span, #quickSummary .p1 span {
	display: none;
}

#quickSummary {
	position: absolute;
	top: 63px;
	right: 23px;
	font-size: 9px;
	color: #fff;
}

#intro>#quickSummary {
	position: absolute;
	top: 54px;
	right: 23px;
}

#quickSummary a {
	color: #fff;
}

#quickSummary a:hover {
	color: #81AAE7;
}

#preamble h3 span, #explanation h3 span, #participation h3 span, #benefits h3 span, #requirements h3 span, #dataformats h3 span, #notes h3 span , #references h3 span, #disclaimer h3 span{
	display: none;
}

#preamble h3, #explanation h3, #participation h3, #benefits h3, #requirements h3, #dataformats h3, #references h3, #notes h3, #disclaimer h3 {
	width: 383px;
	height: 51px;
	margin: 0px;
	margin-top:	12px;
}


#preamble h3 {
	background: url(hdr_1.gif);
}

#explanation h3 {
	background: url(hdr_2.gif);
}

#participation h3 {
	background: url(hdr_3.gif);
}

#benefits h3 {
	background: url(hdr_4.gif);
}

#requirements h3 {
	background: url(hdr_5.gif);
}

#dataformats h3 {
	background: url(hdr_5.gif);
}

#notes h3 {
	background: url(hdr_5.gif);
}

#references h3 {
	background: url(hdr_5.gif);
}

#disclaimer h3 {
	background: url(hdr_5.gif);
}





#preamble, #supportingText {
	text-align: left;
	margin: 0 0 0 177px;
	padding: 0px 22px 0px 22px;
}

#preamble p, #supportingText p {
	/*background-color: #3681BA;*/
	background-color: #5998C8;
	margin: 0px;
	padding: 0px 16px 16px 16px;
}

#larchives li a, #lresources li a {
	display: inline;
	font-weight: normal;
	font-size: 9px;
	line-height: 15px;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

#linkList {
	position: absolute;
	top: 21px;
	left: 0px;
	height: 100%;
	font-size: 10px;
	width: 170px;
	padding-bottom: 24px;
}


#pictures {
	position: absolute;
	top:155px;
	left: 592px;
	height: 100%;
	font-size: 10px;
	width: 170px;
	padding-bottom: 24px;
}

#map {
	position: absolute;
	top: 2px;
	left: 592px;
	height: 100%;
	font-size: 10px;
	width: 170px;
	padding-bottom: 24px;
}


#linkList ul {
	text-align: left;
	list-style-type: none;
}

#linkList a {
	text-decoration: none;
}

#linkList  li {
	margin: 0 0 5px -18px;
	padding-bottom: 6px;
}

#lselect {
	color: #98B7E7;
	padding-left: 21;
}

#lselect li a {
	font-size: 10px;
	color: #fff;
	border-bottom: 1px solid #003B5C;
	margin-bottom: 1px;
}

#lselect li a:hover {
	border-bottom: 1px dotted #C2D0D8;
}

#lselect .c {
	text-transform: capitalize;
	font-size: 10px;
	color: #98B7E7;
}

#lselect a {
	display: block;
}

#lselect a.c {
	display: inline;
	color: #98B7E7;
	font-weight: normal;
	text-decoration: underline;
}

#lselect a:hover.c {
	display: inline;
	color: #98B7E7;
	font-weight: normal;
	text-decoration: underline;
	border-width: 0px;
}

#larchives ul,#lresources ul {
	margin-top:	6px;
}

#larchives ul li,#lresources ul li {
	margin: 0 0 -5px -18px;
}

#larchives ul a,#lresources ul a {
	color: #89AEE7;
	font-weight: bold;
}

#larchives ul a:hover,#lresources ul a:hover {
	color: #fff;
	font-weight: bold;
}

h3.select {
	background: url(summary.gif) no-repeat;
	height: 113px;
	text-align: left;
	padding: 5px;
}

#lselect span {
	display: none;
}

h3.archives,h3.resources {
	background: url(bgh3.gif);
	text-align: left;
	margin-left: 21px;
}

#footer {
	background: url(footer.gif);
	line-height: 45px;
	height: 45px;
	margin: 0px -9px 0px 0px;
	padding: 0 10px 0 0;
	font-weight: bold;
	text-align: right;
}

#footer a {
	text-transform: uppercase;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px 6px 3px 6px;
}

#footer a:hover {
	color: #89AEE7;
	background: #003B5C;
}

.overviewimage{
	margin-top:	12px;
}

#panda{
margin-left:10px;

}