/* *****START SECTION BOX WITH GRAY COLOR***** */

/* TEXT AND BACKGROUND COLOR FOR SECTION BOX TITLE */
#boxColor .box-top {
	color: #fff;
	background-color: #e5eef5;
}

/* TEXT AND BACKGROUND COLOR FOR SECTION BOX CONTENT */
#boxColor .box-bottom {
	background-color: #5b6369;
	border: 2px solid #e5eef5;
	border-top: none;
}

/* *****END SECTION BOX WITH GRAY COLOR***** */

/* *****START SECTION BOX WITH WHITE COLOR***** */

/* TEXT AND BACKGROUND COLOR FOR SECTION BOX TITLE */
#boxWhite .box-top {
	color: #fff;
	background-color: #e5eef5;
}

/* TEXT AND BACKGROUND COLOR FOR SECTION BOX CONTENT */
#boxWhite .box-bottom {
	border: 2px solid #e5eef5;
}

/* *****END SECTION BOX WITH WHITE COLOR***** */

/* BACKGROUND COLOR FOR HEADER TITLE */
tr.headerMain {background-color: #e5eef5;}

/* TEXT COLOR FOR TAGLINE (HOME INDEX PAGE) */
h2.tagline, #desc-tr h2 {color: #e5eef5;}

/* TEXT COLOR FOR PAGE TITLE (INTERNAL PAGES) */
#int-main2 h2.pagetitle {color: #000000; padding-top: 0; margin-top: 0;}

/* COLUMN STYLING FOR DROUGHT INTERNAL PAGES */
#int-main2 {padding: 10px;}
div#content {padding-top: 10px;}
#content table td {vertical-align:top; padding: 10px 0; margin:0}
#content table td#leftcol {width: 204px; background: #5daccf url(../graphics/leftgradation.gif) left bottom repeat-x; border-right: 1px solid #404041; border-bottom: 34px solid #404041; padding-bottom: 150px; }
#content table td#rightcol {width: 254px; padding-right: 10px;}
#content table td#leftcol p.link {
	background:url(../graphics/boxwhite.gif) left top no-repeat;
	width: 205px;
	padding: 10px 0 0 0;
	margin: 0 10px;
	display: block;
}
#content table td#leftcol p.link a {
	background:url(../graphics/boxwhite.gif) left bottom no-repeat;
	padding: 0 10px 15px 10px;
	display: block;
}

#content table td {vertical-align:top; padding:0; margin:0}

div#leftCol #boxColor .boxTop {background:url(../graphics/boxblue.gif) no-repeat; width:212px; padding:8px 0 4px 0; margin: 0;}

div#mainCol #mainContent .boxTop {padding:10px;}

div#leftCol #boxColor .boxBottom {background:url(../graphics/boxwhite.gif) no-repeat bottom left; width:212px; padding:10px 0; margin: 0 0 10px 0;} 

div#leftCol #boxColor .boxBottom p {padding:0 10px 10px 10px;}

div#leftCol #boxColor .boxTop h2 {font-size:115%; padding-left:10px; margin-bottom:0;}

div#mainCol #mainContent .boxTop h2 {font-size:135%; margin-top:10px;}

div#rightCol img.tileImg {margin-bottom:0px;}

div#leftCol #boxColor .boxBottom hr {color:#000066; height:1px; width:185px; margin-top:0px; margin-bottom:0px; margin-left:10px; margin-right:10px; float:left;}

.localTxtNav {
	clear:both;
	text-align:center;
	margin-top:20px;
	}

/* ---------------------- Title bar Public Utilities rollover */
.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/water/graphics/tbpuover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 90px;
height: 18px;
margin: 0;
padding: 0;
}
.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 90px;
height: 18px;
display: block;
float: left;
color: black;
text-decoration: none;
}
.cssnav img
{
width: 90px;
height: 18px;
border: 0;
}
* html a:hover
{
visibility:visible;
}
.cssnav a:hover img
{
visibility:hidden;
}