shtml, body, form { padding: 0; margin: 0; }

body 
{
    text-align: center;
    background-image: url(images/bg.gif);
    background-repeat: repeat-x;
    background-color: #0A1028;
    font-family: Arial, Helvetica;
    font-size: 12px; 
}
body, td { color: #071D54; }

a {color:#071d54;}
a:hover {color:#1c97c1;}

.centerColumn { width: 955px; border: 1px solid #5C7BA7; border-top: 0px; border-bottom: 0px; }
.header { width: 955px; height: 98px; background-image: url(../images/header.jpg); position: relative; }
.header .invisibleLink { position: absolute; top: 0; left: 0; width: 650px; height: 98px; cursor: pointer; }
.header .telephone { position: absolute; top: 38px; left: 860px; }
.header .email { position: absolute; top: 51px; left: 886px; }
.bottom-curve { background-image: url(../images/bottom-curve.gif); width: 955px; height: 16px; }
.bottom-links { color: #FFFFFF; padding-top: 4px; }
.bottom-links a { color: #FFFFFF; }

.water_welcome { background-image: url(../images/water_welcome.jpg); width: 955px; height: 518px; position: relative; }
.water_welcome .text-welcome { position: absolute; background-image: url(../images/text-welcome.png); width:440px; height:82px; top: 23px; left: 22px; }
.water_welcome .text-our-mission { position: absolute; background-image: url(../images/text-our-mission.png); width:327px; height:60px; top: 115px; left: 125px; }
.water_welcome .inset-conservation { position: absolute; background-image: url(../images/inset-conservation.gif); width:435px; height:154px; top: 271px; left: 32px; }
.water_welcome .inset-conservation .text { position: absolute; top: 48px; left: 13px; width: 414px; height: 179px; text-align: left; }
.water_welcome .news-and-events { position: absolute; background-image: url(../images/text-news-events.gif); width:414px; height:212px;overflow:auto; top: 288px; left: 493px; background-repeat: no-repeat; }

.be-water-wise { position: absolute; top: 81px; left: 13px; }

.homepage-events { position: absolute; top: 15px; left: 0; }
.homepage-events .item { padding: 10px 0; }

.contentPage { background-image: url(../images/bg-content.gif); background-repeat: repeat-x; background-color: #E2F5F9; }
.contentPage .margin { padding: 20px; }

.contentPage .title { border-bottom: 1px solid #00093E; font-size: 13pt; font-weight: bold; font-family: Georgia, Serif; text-align: left; }
.contentPage .tdLeft { width: 160px; text-align: left; }
.contentPage .left { font-family: Georgia, Serif; font-size: 8pt; font-weight: bold; padding: 8px 0; }
.contentPage .left a { color: #00093E; text-decoration: none; }

.contentPage .tdRight { width: 744px; border-left: 1px solid #00093E; text-align: left; height: 400px; }
.contentPage .right { padding: 0 0 13px 20px; }
.contentPage .right .rightPhoto { float: right; margin: 0 0 20px 20px; }
.contentPage .right .subtitle { font-size: 12pt; font-weight: bold; font-family: Georgia, Serif; padding: 13px 0; }
.contentPage .right .pageText { font-size: 9pt; }

.contentPage .tdSingleContent { width: 904px; }

/* home */
.home-wrapper a img { border:0; }
.home-wrapper { border-top:1px solid ##5C7BA7; height:649px; background: url(../images/home-bg.jpg) top center no-repeat; overflow:hidden; text-align:left; }
	.home-wrapper .leftcol { width:640px; float:left; }
		.home-wrapper .leftcol .image { padding:14px 0 30px; text-align:center; }
		
		.home-wrapper .box1, .home-wrapper .box2 { overflow:hidden; padding: 0 30px; }
		.home-wrapper .box1 .left { float:left; padding-bottom:44px; }
			.home-wrapper .box1 .left iframe { border:1px solid #cdcecf; }
		.home-wrapper .box1 .right { float:right; width:393px; color:#040714; font-size:12px; line-height:17px; position:relative; }
			.home-wrapper .box1 .right h1 { font-family: "Times New Roman", serif; font-weight:bold; font-size:21px; line-height:21px; color:#00093e; border-bottom:1px solid #00093e; margin-bottom:4px; margin-top:0; padding-bottom:2px; }
			.home-wrapper .box1 .right h3 { font-family: "Times New Roman", serif; font-weight:normal; font-size: 15px; color:#305990; margin-bottom:20px; margin-top:0; }
			.home-wrapper .box1 .right a { color:#3763a2; }
			.home-wrapper .box1 .right a:hover { color:#1c4379; }
		.home-wrapper .box1 .bewaterwise { position:absolute; top:133px; right:0; }
	
		.home-wrapper .box2 .left { float:left; width:266px; color:#040714; font-size:12px; line-height:17px; position:relative; height:135px; }
		.home-wrapper .box2 .right { float:right; width:266px; color:#040714; font-size:12px; line-height:17px; position:relative; height:135px; }
		.home-wrapper .box2 h2 { font-size:18px; font-weight:normal; font-family: "Times New Roman", serif; color:#00093e;
			border-bottom:1px solid #00093e; margin-bottom:14px; margin-top:0; }
			
		.home-wrapper .box2 .left .link { position:absolute; left:0; bottom:0; }
		.home-wrapper .box2 .right .link { position:absolute; left:0; bottom:0; }
		
	.home-wrapper .rightcol { width:290px; float:right; }
		.home-wrapper .rightcol a { color:#fff; }
		.home-wrapper .rightcolinner { padding: 30px 30px 0 0; color:#fff; font-size:12px; line-height:17px; }
		.home-wrapper .rightcol h2 { color:#fff; font-size:20px; font-weight:normal; font-family:"Times New Roman", serif; margin-bottom:20px; margin-top:0; }
		.home-wrapper .rightcol ul { padding:0; margin: 0 0 40px 0; list-style:none; }
		.home-wrapper .rightcol ul li { padding-bottom:4px; padding-left:16px; background: url(../images/bullet.jpg) 0 7px no-repeat; list-style:none; line-height:20px; }
		.home-wrapper .rightcol ul li a { color:#ffed00; font-size:16px; }
		.home-wrapper .rightcol ul li a:hover { color:#de9d00; }