* {margin:0;padding:0;border:none;outline:none;}
body {background:#fff;height:100%;text-align:center;font-size:100%;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;color:#635633;}
a {text-decoration:underline;color:#0070B8;}
a:hover {text-decoration:none;}
h2 {width:445px;height:26px;margin:15px 0;background:url(../images/layout/text-H2.gif) 0 -142px no-repeat;font-size:0;line-height:0;text-indent:-9000px;}
	h2.index2 {width:214px;height:50px;margin-bottom:0;background-position:0 0;}
	h2.index3, h2.use-rainwater3 {width:384px;height:50px;margin-bottom:0;background-position:0 -53px;}
	h2.collect-rainwater {background-position:0 -172px;}
	h2.collect-rainwater2 {background-position:0 -202px;}
	h2.your-planet {background-position:0 -232px;}
	h2.droughts-and-floods {background-position:0 -262px;}
	h2.water-rates {background-position:0 -292px;}
	h2.use-rainwater {background-position:0 -322px;}
	h2.use-rainwater2 {background-position:0 -352px;}
	h2.use-rainwater-outdoor {background-position:0 -382px;}
	h2.use-rainwater-outdoor2 {background-position:0 -412px;}
	h2.use-rainwater-outdoor3 {background-position:0 -442px;}
	h2.use-rainwater-indoor {background-position:0 -472px;}
	h2.use-rainwater-drinkable {background-position:0 -502px;}
	h2.rainwater-systems {background-position:0 -532px;}
	h2.rainwater-systems2 {background-position:0 -562px;}
	h2.rainwater-system-design {background-position:-2px -592px;}
	h2.homeowner-quote {background-position:0 -652px;}
	h2.landscapers-builders {background-position:0 -682px;}
	h2.resources {background-position:0 -712px;}
	h2.media {width:100%;height:31px;background-position:0 -742px;border-bottom:1px solid #B7B57A;}
	h2.blog {background-position:0 -772px;}
	h2.who-we-are {background-position:0 -802px;}
	h2.contact {background-position:0 -832px;}
	h2.contact2 {width:75px;margin-bottom:15px;background-position:0 -112px;_overflow:hidden;}
h3 {margin:15px 0;font-size:13px;line-height:15px;color:#635633;}
	div.media div#videos h3, div.media div#news h3, div.media div#articles h3, div.media div#podcasts h3 {width:175px;height:17px;background:url(../images/layout/text-H2.gif) 0 -867px no-repeat;text-indent:-9000px;}
		div.media div#news h3 {background-position:0 -891px;}
		div.media div#articles h3 {background-position:0 -915px;}
		div.media div#podcasts h3 {background-position:0 -939px;}
p, ul, ol, table, ul li {margin:10px 0;}
	ol {margin-left:20px;}
	ul {margin-left:30px;}
	p.dm {margin:30px 0;}
	p.caption {margin:-10px 0 20px;font-size:.8em;text-align:center;}
	p.table_note {float:left;width:130px;margin:80px 10px 0 0;padding:8px;border:6px solid #b7bea9;font-size:1.0em;line-height:1.1em;}
	p.use-rainwater img {margin-top:-15px;}

table {margin:10px auto;padding:0;background:#ebf1de;border:1px solid #666;border-width:1px 0 0 1px;}
	table.use-rainwater {width:500px;margin:0 auto 10px;border:1px solid #666;border-width:1px 0 0 1px;}
	table tr {}
		table tr.bg {background:#B7BEA9;font-weight:bold;}
		table tr th, table tr td {margin:0;padding:1px 40px 1px 5px;border:1px solid #666;border-width:0 1px 1px 0;}
			table.use-rainwater tr th, table.use-rainwater tr td {padding:1px 5px;}
		table tr th {padding:10px 20px;text-align:center;}
		table tr td.noborder {border-left:none;}
	table#angie {float:right;width:133px;margin:-10px 0 0;*margin-top:10px;background:none;border:none;}
		table#angie tr td {padding:0;border:none;font-size:0.8em;text-align:center;}
			table#angie tr td a {color:blue;}

div#enc {position:relative;width:968px;margin:0 auto;padding:0 13px 35px;*padding-bottom:5px;background:#b7b57a url(../images/layout/bg-Body.jpg) top left no-repeat;font-size:0.7em;line-height:1.2em;text-align:left;overflow:visible;}

div#sidebar {float:left;width:200px;padding:17px 0 2px;}
	div#sidebar h1 {width:250px;height:61px;margin-left:5px;background:url(../images/layout/h1-Logo.png) no-repeat;}
	div#sidebar h1 a {position:relative;display:block;width:250px;height:61px;text-indent:-9000px;}
	
	div#sidebar ul#sidenav {margin:30px 0 0 10px;list-style-type:none;}
		div#sidebar ul#sidenav li {_height:16px;margin:0;padding:9px 0;}
			div#sidebar ul#sidenav li.quo {padding-top:25px;}
			div#sidebar ul#sidenav li a {display:block;width:199px;height:14px;margin-bottom:2px;background:url(../images/layout/navigation-Sidebar.gif) 0 0 no-repeat;text-indent:-9000px;}
				div#sidebar ul#sidenav li a:hover {margin-bottom:0;padding-bottom:2px;}
				div#sidebar ul#sidenav li.how a {width:203px;background-position:-214px 0;}
				div#sidebar ul#sidenav li.sys a {width:167px;background-position:-432px 0;}
				div#sidebar ul#sidenav li.quo a {width:151px;background-position:-618px 0;}
				div#sidebar ul#sidenav li.lab a {width:209px;background-position:-790px 0;}
				
			div#sidebar ul#sidenav li ul {display:none;margin:0;padding:10px 0 0 0;list-style-type:none;}
				div#sidebar ul#sidenav li.active ul {display:block;}
				div#sidebar ul#sidenav li ul li {height:15px;margin-bottom:2px;padding:2px 0;}
					div#sidebar ul#sidenav li ul li a, div#sidebar ul#sidenav li ul li a.active {width:180px;height:13px;margin-bottom:2px;_overflow:hidden;}
					div#sidebar ul#sidenav li ul li a:hover {_margin-bottom:2px;_padding-bottom:0;} /* hides flicker in IE6 */
					div#sidebar ul#sidenav li.how ul li a, div#sidebar ul#sidenav li.how ul li a.active {width:180px;margin-left:30px;}
						div#sidebar ul#sidenav li ul li.view a, div#sidebar ul#sidenav li ul li.view a.active {background-position:-1019px 0;}
						div#sidebar ul#sidenav li ul li.out a, div#sidebar ul#sidenav li ul li.out a.active {background-position:-1019px -15px;}
						div#sidebar ul#sidenav li ul li.non a, div#sidebar ul#sidenav li ul li.non a.active {background-position:-1019px -30px;}
						div#sidebar ul#sidenav li ul li.dri a, div#sidebar ul#sidenav li ul li.dri a.active {background-position:-1019px -45px;}
					div#sidebar ul#sidenav li.why ul li a, div#sidebar ul#sidenav li.why ul li a.active {width:180px;margin-left:30px;}
						div#sidebar ul#sidenav li.why ul li.gar a, div#sidebar ul#sidenav li.why ul li.gar a.active {background-position:-1199px 0;}
						div#sidebar ul#sidenav li.why ul li.pla a, div#sidebar ul#sidenav li.why ul li.pla a.active {background-position:-1199px -15px;}
						div#sidebar ul#sidenav li.why ul li.dro a, div#sidebar ul#sidenav li.why ul li.dro a.active {background-position:-1199px -30px;}
						div#sidebar ul#sidenav li.why ul li.rat a, div#sidebar ul#sidenav li.why ul li.rat a.active {background-position:-1199px -45px;}
					div#sidebar ul#sidenav li.sys ul li a, div#sidebar ul#sidenav li.sys ul li a.active {width:159px;margin-left:30px;}
						div#sidebar ul#sidenav li.sys ul li.des a, div#sidebar ul#sidenav li.sys ul li.des a.active {background-position:-1399px 0;}
						div#sidebar ul#sidenav li.sys ul li.rai a, div#sidebar ul#sidenav li.sys ul li.rai a.active {background-position:-1399px -15px;}
					div#sidebar li ul li.active {background:url(../images/layout/navigation-Sidebar-Raindrop.png) 10px 0 no-repeat;_background-image:url(../images/layout/navigation-Sidebar-Raindrop.gif);}


div#demarc {_float:left;width:766px;margin-left:208px;*margin:0;_margin-left:-45px;_margin-right:-14px;}

ul#topnav {width:575px;height:80px;margin:0 0 0 150px;padding-top:10px;background:url(../images/layout/bg-Topnav.gif) no-repeat;list-style-type:none;}
	ul#topnav li {float:left;margin:0;}
		ul#topnav li.home {padding-left:0;}
		ul#topnav li.res {padding-left:65px;}
		ul#topnav li.med {padding-left:40px;}
		ul#topnav li.blg {padding-left:65px;}
		ul#topnav li.who {padding-left:69px;}
		ul#topnav li.con {padding-left:32px;}
		ul#topnav li a {display:block;width:36px;height:66px;background:url(../images/layout/navigation-Topnav.gif) 0 -73px no-repeat;text-indent:-9000px;}
			ul#topnav li a:hover, ul#topnav li a.active {background-position:0 0;}
			ul#topnav li.res a {width:61px;background-position:-44px -73px;}
				ul#topnav li.res a:hover, ul#topnav li.res a.active {background-position:-44px 0;}
			ul#topnav li.med a {width:38px;background-position:-113px -73px;}
				ul#topnav li.med a:hover, ul#topnav li.med a.active {background-position:-113px 0;}
			ul#topnav li.blg a {width:32px;background-position:-159px -73px;}
				ul#topnav li.blg a:hover, ul#topnav li.blg a.active {background-position:-159px 0;}
			ul#topnav li.who a {width:67px;background-position:-199px -73px;}
				ul#topnav li.who a:hover, ul#topnav li.who a.active {background-position:-199px 0;}
			ul#topnav li.con a {width:63px;background-position:-274px -73px;}
				ul#topnav li.con a:hover, ul#topnav li.con a.active {background-position:-274px 0;}
				

div.content {position:relative;width:694px;padding:0 36px 15px;_padding:7px 29px 15px;margin-right:-14px;background:url(../images/layout/bg-Content.png) repeat-y;_background:#fff;}
	div.content div.top {position:relative;display:block;_display:none;width:766px;height:7px;top:-7px;margin-left:-36px;background:url(../images/layout/bg-Content-top.png) no-repeat;}
	div.content div.bottom {clear:both;position:relative;display:block;_display:none;width:766px;height:7px;bottom:-22px;_bottom:-29px;margin-left:-36px;background:url(../images/layout/bg-Content-bottom.png) no-repeat;}
	div.content div#inner-content {min-height:375px;}
	
	div.content img.collect-rainwater {margin-top:-25px;}
	
	div.content.index ul, div.content.use-rainwater ul {position:relative;width:300px;height:200px;margin:10px 0 0;list-style-type:none;}
		div.content.use-rainwater div#inner-content ul {float:right;width:400px;height:200px;margin-top:-20px;padding:0 0 10px;}
		div.content.index ul li, div.content.use-rainwater ul li {height:70px;margin:0;}
			div.content.index ul li.indoor, div.content.use-rainwater ul li.indoor {height:56px;overflow:hidden;}
			div.content.index ul li a, div.content.use-rainwater ul li a {position:relative;display:block;height:59px;_height:54px;padding:6px 0 0 63px;background:url(../images/layout/image-UseRainwater.jpg) no-repeat;color:#0071B9;text-decoration:none;}
				div.content.index ul li a:hover, div.content.use-rainwater ul li a:hover {text-decoration:underline;}
				div.content.index ul li.indoor a, div.content.use-rainwater ul li.indoor a {height:56px;_height:50px;background-position:0 -70px;}
				div.content.index ul li.drinkable a, div.content.use-rainwater ul li.drinkable a {padding-top:18px;background-position:0 -126px;}
				
				div.content.index ul li ul, div.content.use-rainwater div#inner-content ul li ul {float:none;width:170px;height:auto;margin:-46px 0 0 73px;_margin-top:-41px;padding-top:2px;list-style-type:none;font-size:0.9em;}
					div.content.index ul li.indoor ul, div.content.use-rainwater div#inner-content ul li.indoor ul {margin-top:-43px;-margin-top:-39px;}
					div.content.index ul li ul li, div.content.use-rainwater div#inner-content ul li ul li {height:auto;}
					
	div.content.index ol {margin-left:30px;list-style-type:disc;}
	
	div.content ul.rainwater-systems {margin:0 0 0 30px;list-style-type:none;}
		div.content ul.rainwater-systems li {margin:10px 0;}
	
	div.content div.water-usage {float:right;height:255px;margin:-260px -10px 0 0;padding-left:10px;border-left:1px solid #B1B875;text-align:center;}
		div.use-rainwater div.water-usage {margin:0 -10px 20px 20px;padding-left:20px;}
		div.content div.water-usage.alt {margin:0 -20px 0 0;}
		div.content div.water-usage h2 {margin:0 0 20px;}
	
	div.content img.who-we-are {float:right;padding:0 0 10px 20px;}	
	div.content ul.who-we-are {list-style-type:none;}
		div.content ul.who-we-are li {float:left;padding:0 28px;text-align:center;line-height:60px;}
			div.content ul.who-we-are li img {vertical-align:middle;}
			
	div.content div#videos {margin:20px 0 10px;padding-bottom:20px;border-bottom:1px solid #B7B57A;overflow:auto;}
		div.content div#videos h3 {margin-bottom:0;}
		div.content div#videos ul {margin:0;list-style-type:none;}
			div.content div#videos ul li {float:left;width:210px;margin:0 10px 0 0;padding-bottom:3px;}
				div.content div#videos ul li strong {position:relative;display:block;height:2.8em;margin-bottom:-5px;font-size:1.1em;}
					div.content div#videos ul li strong span {position:absolute;bottom:0;left:0;display:block;}
				.jQuery div.content div#videos ul li span.video {display:block;height:143px;}
				div.content div#videos ul li a {display:block;margin:5px 0 -3px;text-decoration:none;}
					div.content div#videos ul li a:hover {text-decoration:underline;}
				
	div.content div.medialist {float:left;width:225px;}
		div.content div.medialist.alt {float:none;width:auto;}
		div.content div.medialist h3 {margin-top:20px;text-transform:uppercase;font-size:1.3em;line-height:1.3em;}
			div.content div.medialist h3 small {display:inline-block;text-indent:9008px;font-size:0.6em;overflow:visible;}
				div.content div.medialist h3 small a {position:relative;text-decoration:none;color:#7B7C35;}
					div.content div.medialist h3 small a:hover {text-decoration:underline;}
		div.content div.medialist ul {width:175px;margin:0 0 10px;padding:0;list-style-type:none;}
			div.content div.medialist.alt ul {width:auto;}
			div.content div.medialist ul li {margin:0 0 20px;}
				div.content div.medialist ul li strong {display:block;margin-bottom:-8px;}
					div.content div.medialist ul li strong a {text-decoration:none;}
						div.content div.medialist ul li strong a:hover {text-decoration:underline;}
				div.content div.medialist ul li small {color:#8D8B46;}
			div.content div.medialist p {margin-top:30px;}
				
	div.content div#news {}
				
	/*div.content div#articles {}
		div.content div#articles h3 {}
		div.content div#articles ul {}
			div.content div#articles ul li {}
				div.content div#articles ul li strong {}*/
				
	/*div.content div#podcasts {float:left;}
		div.content div#podcasts h3 {}
		div.content div#podcasts ul {width:175px;}
			div.content div#podcasts ul li {}
				div.content div#podcasts ul li strong {}*/
				
	div.content div.article {}
		div.content div.article div.heading {position:relative;width:100%;column-count:1;-moz-column-count:1;-webkit-column-count:1;}
			div.content div.article div.heading div {position:absolute;bottom:0;right:0;width:260px;font-family:Arial,Helvetica,sans-serif;column-count:1;-moz-column-count:1;-webkit-column-count:1;}
				div.content div.article div.heading h4 {font-size:1.8em;line-height:1.2em;font-weight:normal;}
				div.content div.article div.heading p {margin-bottom:0;font-size:1.3em;text-transform:uppercase;font-family:Times New Roman,Times,serif;}
		div.content div.article div {column-count:3;-moz-column-count:3;-webkit-column-count:3;column-gap:1.5em;-moz-column-gap:1.5em;-webkit-column-gap:1.5em;}
			div.content div.article div p {text-align:justify;}
				div.content div.article div p:first-child:first-letter {float:left;margin-right:0.03em;margin-bottom:-1.0em\9;font-size:4.5em;line-height:0.85em;color:#B2122D;font-family:Arial,Helvetica,sans-serif;}
				div.content div.article div p:last-child {text-align:left;}
				div.content div.article p.date {float:right;margin:0;text-transform:uppercase;}
				div.content div.article p.back {float:left;margin-top:20px;}
	
	div.content div#contactinfo {float:right;width:255px;margin-top:-57px;padding-left:30px;line-height:1.5em;}
		div.content div#contactinfo div {width:144px;height:211px;margin:10px 0 0 25px;background:url(../images/layout/image-Contact.gif) no-repeat;}
			div.content.homeowner-quote div#contactinfo div, div.content.landscapers-builders div#contactinfo div {width:165px;height:211px;background:url(../images/layout/image-Quote.gif) no-repeat;}
		div.content div#contactinfo p {margin:0;}
			div.content div#contactinfo p b {padding-left:2px;color:#0071B9;font-weight:bold;}
			div.content div#contactinfo p img {margin-bottom:-1px;}
			div.content div#contactinfo p span.locality {padding-left:62px;}
		
	div.content form#landscapers-buildersform {display:none;}
		

div.deco {position:relative;width:734px;height:248px;margin:0 -22px;background:#D2D09D;background-repeat:no-repeat;}
	div.deco.index-deco {background-image:url(../images/layout/deco/index.jpg);}
	div.deco.collect-rainwater-deco {background-image:url(../images/layout/deco/collect-rainwater.jpg);}
		div.deco.your-planet-deco {background-image:url(../images/layout/deco/your-planet.jpg);}
		div.deco.droughts-and-floods-deco {background-image:url(../images/layout/deco/droughts-and-floods.jpg);}
		div.deco.water-rates-deco {background-image:url(../images/layout/deco/water-rates.jpg);}
	div.deco.use-rainwater-deco {background-image:url(../images/layout/deco/use-rainwater.jpg);}
		div.deco.use-rainwater-outdoor-deco {background-image:url(../images/layout/deco/use-rainwater-outdoor.jpg);}
		div.deco.use-rainwater-indoor-deco {background-image:url(../images/layout/deco/use-rainwater-indoor.jpg);}
		div.deco.use-rainwater-drinkable-deco {background-image:url(../images/layout/deco/use-rainwater-drinkable.jpg);}
	div.deco.rainwater-systems-deco {background-image:url(../images/layout/deco/rainwater-systems.jpg);}
		div.deco.rainwater-system-design-deco {background-image:url(../images/layout/deco/rainwater-system-design.jpg);}
	div.deco.homeowner-quote-deco {background-image:url(../images/layout/deco/homeowner-quote.jpg);}
	div.deco.landscapers-builders-deco {background-image:url(../images/layout/deco/landscapers-builders.jpg);}
	div.deco.resources-deco {background-image:url(../images/layout/deco/resources.jpg);}
	div.deco.media-deco {display:none;}
	div.deco.who-we-are-deco {background-image:url(../images/layout/deco/who-we-are.jpg);}
	div.deco.contact-deco {background-image:url(../images/layout/deco/contact.jpg);}
	div.deco span.border {position:absolute;top:0;left:482px;display:block;width:1px;height:100%;background:#fff;}
	
fieldset {}
	fieldset ol {margin:0;list-style-type:none;}
		fieldset ol li {float:left;clear:left;width:100%;padding-bottom:6px;}
			fieldset ol li label {float:left;width:105px;padding-top:3px;}
			fieldset ol li input, fieldset ol li textarea {float:left;width:170px;padding:1px 2px;border:1px solid #999;}
				fieldset ol li textarea {height:50px;}
				fieldset ol li input#city {width:75px;}
				fieldset ol li input#state {width:35px;margin-left:4px;}
				fieldset ol li input#zip {width:40px;margin-left:4px;}
	fieldset input.submit {width:auto;margin:8px 0 0 222px;padding:3px 5px;*padding:2px 0;background:#fff;border:1px solid #999;}


/* Flow Player */
div#media {float:right;width:235px;height:248px;padding-left:15px;background:#D2D09D;overflow:hidden;}
		div#media h3 {position:relative;height:2.4em;margin:10px 0 10px;line-height:1.2em;color:#635633;}
			div#media h3 span {position:absolute;bottom:0;left:0;display:block;}
		div#media ul {margin:0;list-style-type:none;}
			div#media ul li {height:auto;margin:0 0 1px;}
				div#media ul li a {display:inline;padding:0;background:none;text-indent:0;color:#4D70CA;text-decoration:none;}
					div#media ul li a:hover {text-decoration:underline;}
		div#media p {font-size:0.8em;}
			div#media p a img {padding:20px 0;}


div.footer {}
	div.footer p {float:left;width:209px;height:9px;margin-left:20px;background:url(../images/layout/text-Address.png) no-repeat;text-indent:-9000px;}
	div.footer p.sb {float:right;width:185px;height:9px;margin-right:20px;background:url(../images/layout/text-WDSB.png) no-repeat;}
		div.footer p.sb a {display:block;width:185px;height:9px;text-indent:-9000px;}

.slide {float:left;width:770px;min-height:375px;_height:375px;}
.hidden {display:none;}
.error {color:#cc0000;font-weight:bold;}
	.error li {font-weight:normal;}
.success {color:#009900;font-weight:bold;}
.italic {font-style:italic;}
.green {color:#649826;}
.left {float:left;}
.center {text-align:center;}
.clear {clear:both;}
img.right,img[align="right"] {float:right;padding:0 20px 20px 40px;}
img.left,img[align="left"] {padding:0 40px 20px 0;}