@charset "UTF-8";
/* CSS Document */

html {background-color: #17754c;}
body {
	background-color: #114946;
	background-image: url(/img/bg.body.png);
	background-position: bottom;
	background-repeat: repeat-x; 
	margin: 0;
	padding-top: 40px;
}

h1, h2 {
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: -2px;
	color: #114946;
	display: block;
	border-bottom: solid 1px #17754c;
	padding-left: 0px;
	margin-top: 30px;
	margin-left: 260px;
	width: 560px;
}

h2 {border: none;}

body#home h1 {

}

p, ul {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	display: block;
	margin-left: 260px;
	width: 560px;
}

p.notes {
	font-size: 10px;
	margin-top: 2px; margin-bottom: 5px;
}

ul {margin-left: 240px;}

table.savings {
	width: 560px;
	border: none;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	margin-left: 260px;
}

table.savings tr {height: 25px;}

table.savings tr.gray {background-color: #DDDDEE;}

table.savings td {border: 0px; vertical-align: top; margin: 0; padding: 4px;}

table .heading {font-weight: bold; background-color: #DDDDEE; font-size: 12px;}

.hidden {display:none;}

#container01 {
	width: 850px; height: 144px;
	position: relative;
	margin-top: 0px;
	top: 0px;
	margin-left: auto; margin-right: auto;
	background-image: url(/img/container.top.png);
	background-position: top; background-repeat: no-repeat;
}

#container02 {
	width:850px;
	margin-left: auto; margin-right: auto;
	background-image: url(/img/container.bg.png);
	background-repeat: repeat-y;
	padding-bottom: 30px;
}

#container03 {
	width:850px; height: 34px;
	margin-left: auto; margin-right: auto;
	background-image: url(/img/container.bg.png);
	background-repeat: repeat-y;
	padding-top: 20px;
	margin-top: -20px;
}

#container03 p {
	font-size: 10px;
	color: #17754c;
	margin: 20px 20px 0 20px;
}

#containerendCap {
	margin-left: auto; margin-right: auto;
	width: 850px; height: 20px;
	background: url(/img/container.bottom.png) top no-repeat;
}

#container01 a#navHome {
	display: block;
	width: 450px; height: 134px;
	margin: 12px 0 0 10px;
	
}


#navbar {
	width:830px; height: 35px;
	margin: 0px 10px 10px 10px;	
	background-image: url(/img/bg.nav.png);
	background-repeat: no-repeat;
	position: relative;
}

a#navSignup, a#navBottleWaste, a#navWaterSafety, a#navAbout {
	height: 35px;
	position: absolute;
	
}

a:hover#navSignup, a:hover#navBottleWaste, a:hover#navWaterSafety, a:hover#navAbout  {background-image: url(/img/bg.nav.png);}

a#navSignup, div#navSignup {width: 247px; left: 0px;}
a:hover#navSignup, div#navSignup {background-position: -830px;}

a#navBottleWaste, div#navBottleWaste {width: 222px; left: 320px;}
a:hover#navBottleWaste {background-position: -1150px;}

a#navWaterSafety, div#navWaterSafety {width: 132px; left: 542px;}
a:hover#navWaterSafety {background-position: -1372px;}

a#navAbout, div#navAbout {width: 141px; left: 674px;}
a:hover#navAbout {background-position: -1504px;}

div#pageSignup, div#pageBottleWaste, div#pageWaterSafety, div#pageAbout  {position: absolute; height: 35px; background-image: url(/img/bg.nav.png);}

div#pageSignup {width: 247px; left: 0px; background-position: -1660px}
div#pageBottleWaste {width: 222px; left: 320px; background-position: -1980px}
div#pageWaterSafety {width: 132px; left: 542px;background-position: -2202px;}
div#pageAbout {width: 141px; left: 674px; background-position: -2333px;}

#bottleCallout {
	float: left;
	background-image: url(/img/bg.bottleCallout.png);
	width: 250px; height: 345px; margin: 0 10px;
}

#sidenav {
	float: left;
	width: 210px;
	margin: 0 20px;
}

#sidenav h1, #sidenav p {
	margin-left: 0px;
	margin-bottom: 5px;
    letter-spacing: normal;
	font-size: 12px;
	width: 220px;
}

#sidenav a {
	margin-left: 0px;
	display: block;
	font-size: 10px;
	width: 220px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;

}
p.date, p.headline, p.byline {font-size: 14px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;}
p.headline {font-size: 24px;}
p.byline {font-weight: normal;}
p.storylink a {margin-right: 10px; font-size: 10px;}