body { 
	background-color: #776655;
	color: #555555;
	font-size: 12px;
	font-family: 'arial','helvetica', 'sans-serif';
	margin: 0px;
	padding: 10px;
}

.alignJst {text-align: justify;}
.alignRt {text-align: right;}
.alignLt {text-align: left;}
.alignCnt {text-align: center;}


.pad10 {padding: 10px 0px;}

.padTop4em {padding-top: 5em;}

.topMargin {margin-top: 10px;}


.tricol {float: left; width: 33%; padding: 0px; margin: 0px;}

.spacer1 {clear: both; height: 1em; width: 80%;}
.spacer2 {clear: both; height: 2em; width: 80%;}
.spacer3 {clear: both; height: 3em; width: 80%;}


.brdr {border: 1px solid #BCBBA0;}

sup {font-size: 70%;}


/* ---- body text formatting ---- */

.firstText {
	color: #696949; /*#304152;*/
	font-weight: bold;
	font-size: 14px;
}

h3 {
	width: 80%;
	color: #003366; /* #336699; */
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
	margin-top: 0px;
	line-height: 100%;
	border-bottom: 1px solid #BCBBA0; /*#F2F2F2;*/
	font-variant: small-caps;
}


/* ---- Container for unordered lists ---- */

.listContain {
	clear: both;
	overflow: hidden;
	width: 90%;
	text-align: center;
	border: 1px solid #d9d8bc; /*#F2F2F2;*/
}

.listHead {
	background: url('/ui/wrapperbg_light.gif');
	/* background: #F6F7D2; /*#FCFBFA;*/
	color: #696949; /* #474730; */
	font-weight: bold;
	font-size: 14px;
	padding: 2px;
	border-bottom: 1px solid #d9d8bc; /* #F2F2F2; */
}

.listHead b {
	color: #999999; /* #F2F2F2; */
	font-weight: bold;
	font-size: 14px;
}


.examples {
	list-style-type: square;
	list-style-position: outside;
	font-size: 10px;
	margin: 0px;
	padding: 5px 5px 5px 30px;
}

.examples li {
	margin-left: 0px;
	padding-left: 0px;
}


/* ----- links ----- */

a {color: #336699}

a:link,
a:visited {
	font-style: normal;

}
a:hover {
	color: #ffcc33;
}

a img {
	border: none;
}

a.largeLnk {
	font-size: 14px;
	font-weight: bold;
}

a.largeLnk:link,
a.largeLnk:visited,
a.picLnk:link,
a.picLnk:visited {
	text-decoration: none;
}

a.picLnk span {
	text-decoration: underline;
}


/* ---- containers ---- */

.genericContain {
	overflow: hidden
}


/* ---- generic floats ---- */

.imageContain {
	color: #666666;
	width: 208px;
	text-align: center;
	font-size: 10px;
	padding: 10px 0px 5px 0px;
	margin-bottom: 10px;
}

.imageContain img {
	width: 188px;
	height: 141px;
}

.fltRight {
	float: right;
	margin-left: 10px;
	border-left: 1px solid #d9d8bc; /* #F2F2F2; #ebe8ce; */
}

.fltLeft {
	float: left;
	margin-right: 10px;
	border-right: 1px solid #d9d8bc; /* #F2F2F2; #ebe8ce; */
}

.bdrTop {border-top: 1px solid #d9d8bc; /* #F2F2F2; #ebe8ce; */}

.bdrBot {border-bottom: 1px solid #d9d8bc; /* #F2F2F2; #ebe8ce; */}



/* ---- shadow effect for empty divs ---- */

.shadow {
	background-color: #000000;
	z-index: 99;
	filter: alpha(Opacity=20, Style=0);	/*IE opacity setting*/
	/* filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2, makeShadow=true, shadowOpacity=0.25);  not using this IE filter because of the offset it creates, can't dupicate with mozilla */
	-moz-opacity: 0.2;			/*mozilla 1.6 and below opacity*/
	opacity: 0.2;				/*mozilla +1.6 and CSS-3*/
}



/* --<>-- named elements --<>-- */

#wrapper {
	background: white;
	float: left;
	clear: both;
	width: 760px;
	padding: 0px;
	border: 2px solid #998066;
	background: url('/ui/wrapperbg_light.gif');
	z-index: 5;
	position: absolute;
}

#content {
	float: right;
	width: 550px;
	height: 420px;
	min-height: 420px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px;
	text-align: center;
	background: white;
	border-left: 1px solid #BCBBA0;
	border-right: 1px solid #BCBBA0;
	position: relative;

}

#content p {
	margin: 0px 10px;
}

#header {
	display: block;
}


/* ---- navigation pane and links ---- */

#navPane {
	clear: both; /*ie needs this for some reason*/
	background-color: #CDC9A5;
	background: url('/ui/navPane.gif') no-repeat;
	position: absolute;
	top: 28px;
	left: 18px;
	z-index: 100;
	width: 155px;
	height: 341px;
	/* border-right: 1px solid #666666;
	border-bottom: 1px solid #666666; */
}

#navPane div {
	float: left;
	position: relative;
	top: 20px;
	height: 260px;
	width: 10px;
	border-right: 1px solid #E8BF4A;
}

#navPane a {
	float: left;
	background: url('/ui/spacer.gif');
	position: relative;
	top: 35px;
	left: 3px;
	width: 122px;
	height: 26px;
	display: block;
	/* border-bottom: 1px solid #BDBA8F;   old: #F0DFA7 */
}


#navPane a:link img, #navPane a:visited img {
	border: none;
/* 	color: white;
	font: bold 12px "Trebuchet MS";
	text-decoration: none;
	text-shadow: 2px 2px 3px black;
	padding-top: 5px;
	text-indent: 5px;
*/
}

#navPane a:hover {
	visibility: visible;
}

#navPane a:hover img {
	visibility: hidden;
}

/* ---- Red Cross Link ---- */

#redCross {
	clear: both; /*ie needs this for some reason*/
	text-align: center;	
	position: absolute;
	top: 400px;
	left: 37px;
	z-index: 100;
}

#redCross a {
	color: #ff0000;
	font-weight: bold;
	
}

/* ---- resume named elements ---- */

#navShadow {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 155px;
	height: 341px;
	z-index: 75;
}

#pageTitle {
	float: right;
	margin: 75px 0px 0px 0px;
	/* border-right: 1px solid #BCBBA0; /* old: #696949; */
}

#footer  {
	background: url('/ui/footer.jpg') 0px bottom no-repeat;
	float: right;
	width: 760px;
	height: 50px;
}

#logo {
	clear: both;
	position: absolute;
	z-index: 25;
	width: 84px;
	height: 94px;
	left: 305px;
	top: 545px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/logo.png');
}

#trclogo {
	clear: both;
	position: absolute;
	z-index: 25;
	width: 74px;
	height: 84px;
	left: 350px;
	top: 545px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ui/trclogo.png');
}

#sidelogo {
	margin-top: 280px;
	margin-left: 5px;
}

/*COVERAGE*/

#mapTitle {
	margin: 10px 0px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #d9d8bc;
	color: #696949;
	width: 510px;
}

#mapText {
	margin: 10px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #696949;
	width: 510px;
}

/*WATER OUT*/

#waterImgLnk {
	margin: 20px 0px;
	font-size: 10px;
}