body	{ background:#fff;	font-family:arial,helvetica,sans-serif; margin:0; padding:0; }
img		{ border:none; }

#pr			{ margin:0 10px; }
#pr ul		{ margin:0; padding:0; list-style:none; }
#pr ul	li	{ margin:3px 0; padding:1px 0; }

.flr	{ float:right; }
.alert	{ color:#ff0000; }
.shy	{ color:#666; font:0.9em arial,helvetica,sans-serif; }
ol li	{ margin:7px 0; padding:0; }
.ce		{ text-align:center; }

.videoIcon {
    background: url("/global/graphics/videobutton.png") no-repeat scroll right center transparent;
    padding-right: 20px;
}

/*Title bar stretcher*/
.waterTbBg {
	background-image: url("/water/graphics/tbwaterrpt.jpg");
	background-repeat: repeat-y;		
}

/*home page box header stretcher*/
.waterBoxHeadBg {
	background-image: url("/water/graphics/headstretcher.gif");		
}

/*home page box header stretcher 2*/
.waterBoxHeadBg2 {
	background-image: url("/water/graphics/headstretcher2.gif");	
		
}

/*home page page background*/
.waterHomeBG {
	background-image: url("/water/graphics/waterbkgd.jpg");	
}

.waterBg {
	background-color : #213478;
}

.waterTxtHd {
	font-size : 11pt;
	font-weight : bold;
}

.waterTxtSm {
	font-size : 10pt;
}

.waterTxtRed {
	color: #ff0000;
}

.waterBorder {
	background-color : #003366;
}

.waterCaptionTxt {
	font-size: 8pt;
}

.waterMeetingTxt {
	font-size: 8pt;
}

.waterTxtLg {
	font-size: 13pt;
	color: #ff0000;
	font-weight: bold;
}


.waterBorder {
	border-color: #336699;
	border: 2px;	
}

.waterTableBorder {
	border-color: #cccccc;
	border-width: 2px;
	border-style: solid;
}

.waterReuseBg {
	background-color : #7a7dbc;
}

.waterReuseWBg {
	background-color : #ffffff;
}

.waterReuseBoxHeader {
	background-color: #7a7dbc;
	color: #ffffff;
	font-family: Arial, Helvetica, San Serif;
	font-size: 11pt;
	font-weight: bold;
}

.waterReuseTableBorder {
	border-color: #7a7dbc;
	border-width: 1px;
	border-style: solid;
}

/* Interactive Map box on flouridation.shtml */
.tableBorder {
	background-color: #003399;
}

.tableHead {
	background-color : #003399;
}

.tableHeadTxt {
	color : #ffffff;
	font : bold 10pt Arial, Helvetica, sans-serif;
}

.tableBody {
	background-color: #ffffff;
}

#newsreleases td {
	vertical-align:top;
}
.warning {
   color:#a81933;
   font-weight:bold;
}
div#maincontent_int {
	margin:10px;
	width:75%;
}
.localTxtNav {
 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;
}

a:link {color: #0000ff;}
a:active {color: #0000ff;}
a:visited {color: #551a8b;}

td.leftColNav{
	width:215px;
	vertical-align:top;
}
div#navBox h4{
	padding:0;
	margin:0;
	}
td.leftColNav div#navBox{
	border:2px solid #336699;
	padding:10px;
}
/* ---------------------------------- gallery index page styles -- */
div.gallery {float: left; width: 160px; margin-right: 15px;}
div.gallery p {font-size: 1.2em; text-align: center; }
hr.clear {clear: both; margin-bottom: 12px;
}
div#gallery div.left {
        float: left;
        margin-top:5px;
        margin-right: 21px;
        margin-bottom: 5px;
        /*height: 225px;*/
}
div#gallery div.landscape {
        float: left;
        margin-top:5px;
        margin-right: 21px;
        margin-bottom: 5px;
        height: 330px;
}
div#gallery div.left img {
        padding:7px;
        border:1px solid #eee;
        margin-bottom:7px;
}
div#gallery div.landscape img {
        padding:7px;
        border:1px solid #eee;
        margin-bottom:7px;
}
div#gallery div.left a img {
        padding:7px;
        border:1px solid #d3d3d3;
}
div#gallery div.left a:link img{
        background-color:#eee;
}
div#gallery div.left a:visited img{
        background-color:#eee;
}
div#gallery div.left a:hover img {
        background-color:#ddd;
}
div#gallery div.left p {
        margin:-6px 0 10px 0;
        padding:0;
        font-size:.75em;
        width:150px;
}


