/* ----------------- COLORS ----------------- 
#003161 - Dark Blue
#008BCF - Medium Blue - Used for Text Highlights
#B0D5F5 - Light Blue - Used for Bar Highlights
#0055A5 - PRCEP Blue - Used for Subheadings
#4D4D4D - Dark Gray - Used for Text
#00A261 - PRCEP Green - Used for rollover Highlights
#92CDD2 - Light Teal - Used for visted links
 ----------------- /COLORS ----------------- */

/* ----------------- MEASUREMENTS ----------------- 
160px x 110px - Homepage News Article Images
220px x 185px - Homepage Featured Project Photo
220px x 185px - Photo Gallery for Project Features

 ----------------- /MEASUREMENTS -----------------  */

/* ----------------- BODY STYLES ----------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#4D4D4D;
	background-color: #003061;
	margin:0 0 20px 0;
}
img {
	border:0;
}
img.outline {
	border: 1px solid #CCC;
}
h2 {
	font-weight:bold;
	font-size:16px;
	color: #003161;
	margin: 0;
	}
h3 {
	font-weight:bold;
	font-size:12px;
	margin: 0;
	}
h4 {
	/* used for page heading bread crumbs */
	color:#003161;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	margin:0 15px;
	padding: 5px 15px 15px 15px;
	background-image:url(img/white_80percent.png);
	display:block;
}

h4 b {
	/* used for page heading bread crumbs - end crumb is blue */
	color:#003161;
}

h4 a:link, h4 a:visited {
	font-style:normal;
	color:#003161;
}
h4 a:hover {
	color: #00A261;

}

a:link {
	color: #003161;
	font-style:italic;
	text-decoration:none;
}
a:visited {
	color: #008BCF;
	font-style:italic;
	text-decoration:none;
}

a:hover {
	color: #00A261;
	font-style:italic;
	text-decoration:underline;
}

td {
	background-color:#FFF;
	padding:5px;
	border-bottom:1px dotted #4D4D4D;
}
td ul {
	margin:0;
}

th {
	background-color:#003161;
	color:#FFF;
	font-weight:bold;
	text-align:left;
	padding:5px;
	border-bottom:1px dotted #4D4D4D;
	}
.subhead td {
	background-color:#B0D5F5;
	color:#4D4D4D;
	font-weight:normal;
	text-align:left;
	padding:5px;
	font-weight:bold;
	}
	
caption {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right;
	margin:5px 0;
}
/* ----------------- /BODY STYLES ----------------- */

/* ----------------- BACKGROUND IMAGE ----------------- */
/*background image styling - http://css-tricks.com/perfect-full-page-background-image/ */
img.bg {
	/* Set rules to fill background 
	display:none;*/
	min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
/*@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
} */

/* ----------------- /BACKGROUND IMAGE ----------------- */

/* ----------------- MAIN STYLES ----------------- */
#maincontent {
	width: 960px;
	margin:0 auto;
	position:relative;
	/*all content divs must have position:relative to show up on top of the background image*/
	}
#topheader {
	background-image:url(img/white_60percent.png);

	}
#logo {
	padding-left:30px;
	padding-top: 18px;
	width:300px;
	}
.divideline {
	border-top: 1px dotted #4D4D4D;
	height:1px;
	padding-top:5px;
	padding-bottom:5px;
	}
	
/* ----------------- /MAIN STYLES ----------------- */

/* ----------------- REPORT STYLES ----------------- */
#waterreport {
	
}
#waterreport table {
	
	border:0;
	border-spacing:0;
	background:transparent;
	margin-top:15px;
	border-bottom-style:none;
	*border-collapse: collapse; 
	/* hack is needed for IE7  */
}
#waterreport tr {
	border:0;
	border-bottom-style:none;
}
#waterreport tr:hover {
	background-color:#B0D5F5;
}

#waterreport td {
	nowrap;
	white-space:nowrap;
	background-color:transparent;
	padding:3px;
	border:0;
	margin-left:5px;
	margin-right:5px;
	font-size:12px;
	border-bottom-style:none;
}
#waterreport td.small {
	font-size:10px;
}
#waterreport td.center {
	text-align:center;
}
#waterreport td.right {
	text-align:right;
}
#waterreport td.strong {
	font-weight:bold;
}
#waterreport td.header {
	font-size:14px;
}
#waterreport td.title {
	font-size:18px;
}

#dcdata table {
border:0;
		border-spacing:0;
		background:transparent;
		margin-top:5px;
		border-bottom-style:none;
		*border-collapse: collapse; /* hack is needed for IE7  */
}
#dcdata tr:hover {
	background-color:#B0D5F5;
}
#dcdata th {
	text-align:center;
	font-size:10px;
}
#dcdata td {
	font-size:10px;
	background-color:transparent;
}
#dcdata td.right {
	text-align: right;
}
#livescada td {
background:transparent;
}
#livescada td.strong {
	font-weight:bold;
}
#livescada tr:hover {
	background-color:#B0D5F5;
}
#livescada td.right {
	text-align:right;
}

#flowdata td {
	background:transparent;
	font-size:14px;
}
#flowdata td.strong {
	font-weight:bold;
}
#flowdata td.right {
	text-align:right;
}
#flowdata td.divide, th.center {
	text-align:center;
}
#flowdata tr:hover {
background-color:#B0D5F5;
}
#flowdata td.divide, th.divide {
}
#flowdata td.left {
	text-align:left;
}


/* ----------------- /REPORT STYLES ----------------- */

/* ----------------- NEWS STYLES ----------------- */

.postedtags {
	font-size:12px;
	color:#666;
}
#small {
	font-size:10px;
}
.blogpost {
	margin-bottom:5px;
	border-bottom:1px dotted #4D4D4D;
}
/* ----------------- /NEWS STYLES ----------------- */

/* ------------------ SITEMAP -------------------- */

.sitemap li li {

}

.sitemap li li.indent {
	margin-left:15px;
}
/* ------------------ /SITEMAP -------------------- */

/* ----------------- NAVIGATION ----------------- */
#navigation {
	background-image:url(img/nav_bkg_off.png);
	background-repeat:repeat-x;
	height: 50px;
	color:#FFF;
	font-size:12px;
	width:960px;
	margin-top:12px;
	z-index:1000;
}


.dropdown {
	padding-left:0px; 
	margin-left:0px; 
}

.dropdown a:link, .dropdown a:visited, .dropdown a:hover {
	color:#FFF;
	text-decoration:none;
	font-style:normal;
	cursor: pointer;
}

.dropdown ul {
	list-style-type:none;
	padding:0;
	text-align:left;
	position:absolute;
	margin:0;
    top: 100%;
	left: 0;
	z-index: 598;
	width: 100%;
}
	
.dropdown li {
	width:158px;
	display:block;
	float:left;
	text-align:center;
	border-left:1px solid #003161;
	margin-top:10px;
}

.dropdown li.oneline {
	padding-top:8px;
	height:20px;
}

.dropdown li.topleft {
	text-align:left;
	border-left:none;
	padding-left:15px;
	width:150px;
}

.dropdown li ul {
	/*makes the lists disappear on the top level */
	margin:0;
	display: none;
	position:absolute;
	float:none;
	border-top: 10px solid transparent;
	border-bottom: 1px solid #003161;
	width:158px;
	color: #003161;
	text-align: left;
	z-index: 500;  /* Make menus be on top */ 
}

.dropdown ul li {float: left; width: 100%;}
.dropdown ul li a {height: 1%;} 
.dropdown li li {
	/* sub nav appearance */
	margin:0;
	display: block;
	border-left: 1px solid #003161;
	border-right: 1px solid #003161;
	float: none;
	background-color:#003161;
	color: #003161;
	width:156px;
	text-align: left;
}

.dropdown li li.indent {
	width:141px;
	margin:0;
	padding:0 0 0 15px;
}

.dropdown li li a {
	display: block;
	color: #003161;
	text-align:left;
	padding:5px;
	cursor: pointer;
}

.dropdown li li.indent a, .dropdown li li.indent a:visited {
	padding:2px 0;
	margin:0;
	color:#B0D5F5;
	cursor: pointer;
}
	
.dropdown li li.indent a:hover {
	color:#003161;
	padding:2px 0px 2px 15px;
	margin:0;
	width:141px;
	position:relative;
	left:-15px;
}

.dropdown li li a:hover {
	/* sub nav rollover appearance */
	background-color:#B0D5F5;
	color: #003161;
	padding:5px;
	width:146px;
}

.dropdown li:hover ul, li.over ul {
	display: block;

}

.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

/* ----------------- NAVIGATION ----------------- */


/* ----------------- HOMEPAGE STYLES ----------------- */
#homepageleft {
	float:left;
	width:665px;
	margin: 15px 0 30px 15px;
	}
#homepageright {
	float:right;
	width:250px;
	margin: 15px 15px 30px 0;
	}
#homepageintro h1 {
	color: #FBFBFB;
	font-size:24px;
	letter-spacing:1px;
	font-weight:bold;
	position:relative;
	width:590px;
	height:170px;
/*	overflow:hidden; */
	left:30px;
	top:35px;
	z-index:10;
	margin:0 0 90px 0;
	padding:0;
}
#homepageintro_shadow h1 {
	color: #003161;
	position:absolute;
	left:48px;
	top:218px;
	z-index:9;
	margin:0;
	padding:0;
	height:170px;
	overflow:hidden;
}


#newsbox {
	/*665px x 280px*/
	background-image:url(img/box_hmpg_news.png);
	padding:15px;
	width: 635px;
	height:250px;
	position:relative;
	}
	#newsbox img {
	border:1px solid #CCC;
	clear:both;
	margin: 15px 0;
	}
	#newsbox p { margin: 10px 0; }
#news01 {
	width:160px;
	float:left;
	height: 220px;
	overflow:hidden;
	padding-right:15px;
	}
#newsdivide {
	border-right: 1px dotted #4D4D4D;
	float:left;
	height:80px;
	width:1px;
	padding-left:5px;
	margin-right:30px;
	position:relative;
	top:142px;
	}

#news02 {
	width:160px;
	float:left;
	position:relative;
	margin-right:15px;
	height: 220px;
	/*overflow:hidden;*/
	}
#twitter {
	width:195px;
	height: 220px;
	float:left;
	border-left:1px solid #008BCF;
	margin-left:15px;
	padding-left:25px;
	}
#twitteralertsinfo {
	border-top: 1px dotted  #4D4D4D;
	position:relative;
	margin-top: 0;
	padding-top: 0;
}
#alertheader h2{
	text-transform:uppercase;
	font-weight:bold;
	color: #D71921;
	top:10px;
	position:relative;

}
#alerticon {
	background-image:url(img/icon-alert.png);
	width: 40px;
	height:38px;
	float:left;
	margin-right:5px;
}
#updates {
	/* 250px x 125px; */
	background-image:url(img/box_hmpg_blue.png);
	padding:15px;
	color:#FFF;
	width:220px;
	height:95px;
	line-height:18px;
	margin-bottom:15px;
	font-size:14px;
	}

.date { font-size:13px; }

#btn_updates {
	clear:both;
	margin-top:15px;
	}
#featuredprojects {
	/* 250px x 400px */
	background-image:url(img/box_hmpg_featured.png);
	padding:15px;
	width: 220px;
	height: 370px;
}
#featuredprojects p { margin: 10px 0; }

.prwuaalerts {
	color: #D71921;
	font-style:normal;
}

.prwuaalerts a:link, .prwuaalerts a:visited {
	color: #D71921;
	text-decoration:underline;
	font-style:normal;
}
.prwuaalerts a:hover {
	color: #00A261;
	text-decoration:underline;
	font-style:normal;
}
/* ----------------- /HOMEPAGE STYLES ----------------- */


/* ----------------- FOOTER STYLES ----------------- */
#footer {
	border-top: 1px solid #008BCF;
	background-color:#003161;
	position:relative;
	clear:both;
	*padding-top:15px;  
	/* IE7 hack to fix padding */
	}
#footercontent {
	width: 960px;
	margin:15px auto;
	color: #B0D5F5;
	}
#footercontent p {
	margin:5px 0;
	padding:0;
	line-height:18px;
	}
	
#footercontent h1{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	}
#footercontent h2 {
	color:#FFF;
	font-weight:normal;
	font-size:12px;
	margin:5px 0;
	}
#footercontent a:link, #footercontent a:visited {
	color: #B0D5F5;
	text-decoration:none;
	font-style:normal;
	}
#footercontent a:hover {
	color: #00A261;
	text-decoration:none;
	font-style:normal;
	}

#footer_icons {
	float:left;
	width: 118px;
	margin-right:50px;
	}
	#footer_icons img {
	padding:15px;
	}

#footer_navigate {
	float:left;
	width:201px;
	margin-right:50px;
}
#footer_contact {
	float:left;
	width:224px;
	margin-right:50px;
}

#footer_uptodate {
	float:right;
	width: 260px;
	position:relative;
}
#copyright {
	text-align:right;
	font-size:10px;
	color: #B0D5F5;
	padding:15px;
	clear:both;
}

/* ----------------- TWITTER STYLES ----------------- */
#twitter_div {
	font-size:12px;
	line-height:18px;
	font-style:italic;
	color: #B0D5F5;
	}
#twitter_homepage_div {
	font-size:12px;
	line-height:18px;
	font-style:normal;
	color: #4D4D4D;
	margin-top:15px;
	height:115px;
	
	}
#twitter_homepage_update_list {
	list-style-type:none;
	margin:0;
	padding:0;}
	
#twitter_update_list {
	list-style-type:none;
	margin:0;
	padding:0;}

#twitter-link {font-size:12px;}

/* ----------------- /FOOTER STYLES ----------------- */


/* ----------------- CONTENT PAGE STYLES ----------------- */
#pagebox {
	/*used for the white box content sites in */
	background-image:url(img/white_80percent.png);
	width: 900px;
	margin:0 auto;
	position:relative;
	padding:0 15px;
}

#pagebox_top {
	width: 930px;
	height:10px;
	background-image:url(img/box-large.png);
	margin:15px auto 0 auto;
}

#pagebox_bottom {
	width: 930px;
	clear:both;
	height:10px;
	background-image:url(img/box-large.png);
	background-position: 0 -10px;
	margin:0 auto 30px auto;
}
#leftnav {
	font-size:14px;
	width: 180px;
	margin-right:30px;
	float:left;
	position:relative;
	}
	#leftnav a:link, #leftnav a:visited {
	display:block;
	padding:5px;
	text-decoration:none;
	font-style:normal;
	color: #4D4D4D;
	padding-left:0px;
	text-align:left;

	}
	#leftnav a:hover {
	display:block;
	padding:5px;
	text-decoration:none;
	font-style:normal;
	background-color:#B0D5F5;
	color: #4D4D4D;
	padding-left:5px;
	width:160px;
	text-align:left;
	position:relative;
	left:-5px;

	}
	#leftnav ul {
	list-style-type:none;
	padding:0;
	margin:0;
	}
	#leftnav li {
	border-bottom:1px dotted #4D4D4D;
	font-weight:normal;
	color: #4D4D4D;
	font-size:14px;
	list-style:none;
	padding-left:5px;
}

#leftnav li.current {
	background-color:#B0D5F5;

}
#leftnav a.current {
	background-color:#B0D5F5;
	padding-left:5px;
	width:160px;
	position:relative;
	left:-5px;
}

#leftnav li.topitem {
	margin-top:0px;
	border-top:1px dotted #4D4D4D;
}
#leftnav li.first {
	font-weight:bold;
	font-size:16px;
	padding:5px 5px 10px 5px;
	color:#4D4D4D;
	list-style:none;
	list-style-position:outside;
	border-bottom:0;
}
#leftnav li.indent {
	padding:0 0 0 15px;
}
#leftnav li.indent a:hover {
	padding:0;
	position:relative;
	left:-15px;
	padding:5px 5px 5px 15px;
	width:150px;
}

#leftnav a.first {
	font-weight:bold;
	font-size:16px;
	list-style:none;
	border-bottom:0;
	margin-left:5px;
	padding-bottom:10px;
/*	color:#4D4D4D;*/
	color:#003161;
}
#topecontentnav a.first {
	/*controls the subnav includes on the top level pages i.e. the-assocaition/index.php*/
	display:none;
	}
#topecontentnav li.first {
	/*controls the subnav includes on the top level pages i.e. the-assocaition/index.php*/
	list-style:none;
	}
	
#topecontentnav li li.indent {
	margin-left:15px;
}
	


#content {
	width:690px;
	float:left;
	margin-top:5px;
	padding:0;
	font-size:14px;
	min-height:350px;
	padding-bottom:30px;
	}
#content p {
	margin:5px 0 15px 0;
	}
#content h1 {
	/*font-weight:bold;
	font-size:16px;
	color: #003161;
	margin: 0 0 15px 0;*/
	
	color:#003161;
	font-size:24px;
	font-weight:normal;
	text-align:left;
	margin:0;
	}
#content h2 {
	font-weight:bold;
	font-size:16px;
	color:#0055A5;
	margin:15px 0 0 0;
	padding:0;
	}
	#content h2 a:link, #content h2 a:visited {
		font-style:normal;
		color:#0055A5;
	}
	#content h2 a:hover {
		font-style:normal;
		color: #00A261;
	}
#content h3 {
	font-weight:bold;
	font-size:14px;
	color:#4D4D4D;
	margin:15px 0 0 0;
	padding:0;
	}
	
/* Unused, photos need to be in tables for easy CMS editing

#photogallery {
}

#photogallery img {
 border:1px solid #CCC;
}

#photogallery ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
	
#photogallery li {
	display:block;
	float:left;
	padding:0;
	margin:0 12px 12px 0;
}
#photogallery li.last {
	margin:0;
}
*/

#photogallery2 {
}

#photogallery2 img {
 border:1px solid #CCC;
 margin-right: 12px;
 margin-bottom:12px;
}

#photogallery2 td {
	padding:0;
	margin:0;
	border:0;
	background:transparent;
}
	






.clear {
	clear:both;
}
	
/* ----------------- /CONTENT PAGE STYLES ----------------- */


/* ----------------- PROJECT FEATURES MAP----------------- */
#map {
	background-image:url(img/map/map_background.jpg);
	background-repeat:no-repeat;
	width: 960px;
	height: 734px;
}

#legend {
	background-image:url(img/white_60percent.png);
	padding:0 10px;
	margin-top:10px;
	left:15px;
	position:absolute;
	width: 240px;
	z-index:10;
	font-size:12px;
}
	/* used to space from top of legend box */
	#legend li.indent {
		margin-left:15px;
	}
	#legend li {
		width:225px;
	}
	#legend ul {
		list-style-type:none;
		padding:0;
		margin-left: 5px;
	}
	#legend li li {
		padding-left:10px;
	}
#legend a:link {
	color: #666;
	padding:2px;
	text-decoration:none;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	font-style:normal;
	margin:0;
}
#legend a:visited {
	color:#999;
	padding:2px;
	text-decoration:none;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	font-style:normal;
	margin:0;

}
#legend a:hover {
	color: #000;
	background-image:url(../09-09_pru_backgroundstudies/img/film_50.png);
	padding:2px;
	text-decoration:none;
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	font-style:normal;
	margin:0;
}


.box_red {
	width: 10px;
	height:10px;
	background-color:#B1170A;
	float:left;
	top:3px;
	position:relative;
	margin-right:5px;
	}
.box_purple {
	width: 10px;
	height:10px;
	background-color:#8400A0;
	float:left;
	top:3px;
	position:relative;
	margin-right:5px;
	}
.box_yellow {
	width: 10px;
	height:10px;
	background-color:#E5DE0E;
	float:left;
	top:3px;
	position:relative;
	margin-right:5px;
	}
.box_orange {
	width: 10px;
	height:10px;
	background-color:#FE9A23;
	float:left;
	top:3px;
	position:relative;
	margin-right:5px;
	}
.box_green {
	width: 10px;
	height:10px;
	background-color:#00A261;
	float:left;
	top:3px;
	position:relative;
	margin-right:5px;
	}
/* ----------------- /PROJECT FEATURES MAP----------------- */

#viewas {
	width:167px;
	border:1px solid #4D4D4D;
	margin-left:5px;
	margin-top:15px;
	float:right;
	top:-50px;
	position:absolute;
	right:10px;
	}
	
#viewas a:link, #viewas a:visited, #viewas a:hover  {
	display:inline;
	background-color:transparent;
	padding:0;
	margin:0;
	border:none;
	left:0;
}
#viewas p {
	text-transform:uppercase;
	font-size:12px;
	text-align:center;
	}
#viewas img {
	padding-right:10px;
}

.provisional {
	text-align:right;
	padding-top:5px;
	margin-top:10px;
	text-transform:uppercase;
	font-size:12px;
}

#ShadowBox td {
	background-color:transparent;
	border:0;
	padding:0;
	}
.contactpagetable td, .contactpagetable tr, .contactpagetable table {
	background-color:transparent;
	border:0;
}
#contactform {
	background-color:#B0D5F5;
	border:1px solid #003161;
	padding:15px;
	margin-top:5px;
	width:500px;
}
#contactform input, #contactform textarea {
	border:1px solid #003161;
	background-color:#FFF;
	padding:5px;
	font-size:14px;
	color: #003161;
}
/* ----------------- CMS SOLUTION TAGS ----------------- */

#cms_featuredprojects {
	height:350px;
	overflow:hidden; 
}
#cms_waterdataintro {}
#cms_pagecontent {}
#cms_bkgimg {}
.cms-editable {
}
#cms_intro {
	/* used for homepage intro include */
	}
	
/* -- popup definition tags ---- */	
.word {cursor:pointer;border-bottom:1px dotted #003161;color:#003161;}
.definition {background-color: #e5effa;position:absolute;top:0;left:0;padding:10px;line-height:14px;width:250px;border:1px solid #003161;}

/* ----------------- SEARCH STYLES ----------------- */

#searchcontain {width: 267px; position:relative; float:right; top:70px; z-index:500; } 
#searchbar { float:left;background-image:url(img/searchbar.png);  height:31px; width:220px; background-repeat:no-repeat; }
#searchbar input { font-size:14px; color:#003161; border:none; outline:none; background-color:transparent; padding: 8px 8px 8px 27px; display: block; margin-top:0px;}
#searchbutton {
     position:relative;
	 float:right;
	 margin-right:14px;
	 z-index:495;
     }
     /* full size 27 x 81 */
     #searchbutton a:link, #searchbutton a:visited {
          background-image:url(img/btn-go.png);
          background-position: 0 0;
          width:27px;
          height:27px;
          display: block;
          }
     #searchbutton a:hover {
          background-image:url(img/btn-go.png);
          background-position: 0 -27px;
          }
     #searchbutton a:active {
          background-image:url(img/btn-go.png);
          background-position:0 -54px;
          }