/* ------------------------------------------------------                  --------------------------------------------------- */
/* ------------------------------------------------------ BEGIN DEPRECATED -------------------------------------------------------- */

										/* top logo bar */
										div.masthead {height:117px;width:777px;margin:0;padding:0;background:url(../i/masthead.jpg) right no-repeat scroll;}
										
										/* top tabs */
										table.topnav {border:none;clear:both;margin:0;padding:0;}
										.topnav td.tn {width:777px;margin:0;vertical-align:bottom;text-align:right;padding:4px 0 3px 0;color:#FFFFFF;background:url(../i/bottom_frame_bar.gif) bottom repeat-x scroll #238ecb;}
										.topnav a {display:block;width:108px;height:18px;float:left;margin:0 0 0 1px;padding:0;}
										.topnav img {border:none;}
										.topnav a.a {margin-left:12px;background:url(../i/top_tabs_06.jpg) left top no-repeat scroll;}
										.topnav a.a:hover {background:url(../i/top_tabs_h_06.jpg) left top no-repeat scroll;}
										.topnav a.aon {margin-left:12px;background:url(../i/top_tabs_a_06.jpg) left top no-repeat scroll;}
										.topnav a.b {background:url(../i/top_tabs_08.jpg) left top no-repeat scroll;}
										.topnav a.b:hover {background:url(../i/top_tabs_h_08.jpg) left top no-repeat scroll;}
										.topnav a.bon {background:url(../i/top_tabs_a_08.jpg) left top no-repeat scroll;}
										.topnav a.c {margin-right:1px;background:url(../i/top_tabs_10.jpg) left top no-repeat scroll;}
										.topnav a.c:hover {background:url(../i/top_tabs_h_10.jpg) left top no-repeat scroll;}
										.topnav a.con {background:url(../i/top_tabs_a_10.jpg) left top no-repeat scroll;}
										.topnav a.d {background:url(../i/top_tabs_12.jpg) left top no-repeat scroll;}
										.topnav a.d:hover {background:url(../i/top_tabs_h_12.jpg) left top no-repeat scroll;}
										.topnav a.don {background:url(../i/top_tabs_a_12.jpg) left top no-repeat scroll;}
										.topnav a.e {background:url(../i/top_tabs_14.jpg) left top no-repeat scroll;}
										.topnav a.e:hover {background:url(../i/top_tabs_h_14.jpg) left top no-repeat scroll;}
										.topnav a.eon {background:url(../i/top_tabs_a_14.jpg) left top no-repeat scroll;}
										span.search {float:right;margin:0;padding:0 4px 0 0;font-size:11px;color:#FFFFFF;}
										.topnav input {font-size:11px;font-family:"Courier New", Courier, mono;width:140px;height:13px;padding:1px;margin:0;border:none;}
										
										/* left navigation */
										div.leftnav {
											float:left;
											clear:left;
											width:172px;
											margin:0;
											padding:8px 0 0 0;
											background-attachment: scroll;
											background-image: url(../i/index/mainborder.gif);
											background-repeat: repeat-y;
											background-position: right top;
										}
										.leftnav a {margin:10px 8px 0 18px;padding:0;font-size:0.7em;color:#af4c2d;display:block;text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
										.leftnav a:hover {text-decoration:underline;}
										
										/* right panel */
										div.rightbody {float:left;clear:right;width:605px;margin:0;padding:0;}
										
										/* -- optional -- */
										
										/* OPTIONAL styles for content with tabs and split body (e.g. plant of the month page) */
										table.body1tabs {border:none;width:100%;margin:0;padding:0;}
										.body1tabs td.bt {vertical-align:bottom;margin:0;padding:10px 2px 2px 4px;font-size:0.7em;background:url(../i/tab_bg.gif) bottom repeat-x scroll;font-family:Arial, Helvetica, sans-serif;}
										.body1tabs a {display:block;float:left;text-decoration:none;color:#006ba7;padding:0 7px;margin:0;position:relative;top:4px;}
										.body1tabs a.bl {border-left:1px solid #CCCCCC;}
										.body1tabs a.br {border-right:1px solid #CCCCCC;}
										/* when upper tab row tabs are all off, to maintain height */
										div.noneactive {height:auto;width:auto;padding-bottom:17px;padding-top:4px;display:block;}
										div.noneactive a {position:inherit;top:0;left:0;}
										
										/* supplimental class, for lower sub-tab navigation */
										.subtabs td.bt {padding-top:2px;}
										/* for lower nav, when all tabs are off, to maintain height */
										.tabsoff td.bt {padding-bottom:9px;}
										
										/* common active tab */
										table.body1activetab {border:none;float:left;margin:0 7px;padding:0;}
										.body1activetab td {background-color:#af4c2d;padding:0;margin:0;}
										.body1activetab img {width:5px;height:5px;}
										.body1activetab td.active {padding:0 2px 4px 2px;color:#FFFFFF;font-size:0.9em;font-weight:bold;}
										
										div.body1base {width:auto;margin:0;padding:0;background:url(../i/inner_page_top_gradient.gif) top repeat-x scroll;}
										div.body1left {float:left;width:447px;margin:0;padding:0;font-size:0.8em;background:url(../i/right_vert_div.gif) right top no-repeat scroll;}
										div.body1right {margin:0 0 0 447px;padding:0;font-size:0.8em;}
										
										div.buffer {padding:4px;}
										
										div.footer {clear:both;width:777px;padding:10px 0;text-align:center;font-size:0.6em;color:#444444;}

/* -----------------------------------------          ------------------------------------------------------------------------- */
/* ---------------------------------------- BEGIN NEW ------------------------------------------------------------------------ */

/* -- CORE -- */

body {font-size:1em;background-color:#FFFFFF;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;}
div,td,p {font-family:Arial, Helvetica, sans-serif;}
form {margin:0;padding:0;}


/* -- TEMPLATE -- */

/* masthead */
div.TPLmasthead {width:777px;margin:0;padding:0;}
.TPLmasthead img.upper {height:19px;width:777px;display:block;}
.TPLmasthead img.lower {height:117px;width:777px;display:block;}

/* top tabs */
table.TPLtopnav {overflow:hidden;width:777px;clear:both;margin:0;padding:0;border:0;}
table.TPLtopnav td a {display:block;float:left;margin:0 0 0 1px;padding:0;}
table.TPLtopnav td img {border:0;width:108px;height:17px;}
table.TPLtopnav td.l {width:auto;vertical-align:bottom;text-align:left;padding:4px 0 3px 12px;color:#FFFFFF;background:url(../i/bottom_frame_bar.gif) bottom repeat-x scroll #238ecb;}
table.TPLtopnav td.r {width:auto;vertical-align:middle;text-align:right;font-size:11px;padding:0 4px 0 0;color:#FFFFFF;background:url(../i/bottom_frame_bar.gif) bottom repeat-x scroll #238ecb;}
table.TPLtopnav td.r input {font-size:11px;font-family:"Courier New", Courier, mono;width:140px;height:13px;margin:0;border:none;border:0;}

/* body */
div.TPLbody {width:777px;margin:0;padding:0;}

/* left navigation */
div.TPLleft {float:left;width:172px;margin:0;padding:0;background:url(../i/index/mainborder.gif) scroll repeat-y right top;}
.TPLleft a {margin:10px 8px 0 18px;padding:0;font-size:0.7em;color:#af4c2d;display:block;text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
.TPLleft a:hover {text-decoration:underline;}
.TPLleft img {width:140px;height:58px;display:block;padding:0;margin-top:20px;}

/* right content */
div.TPLright {float:right;width:605px;margin:0;padding:0;}

/* footer */
div.TPLfooter {clear:both;width:777px;height:auto;padding:10px 0;margin:0;text-align:center;font-size:0.6em;color:#666666;border-top:1px solid #CCCCCC;}


/* -- TEMPLATE (EXTRA) -- */

/* inner page navigation tabs (e.g. plant of the month page) */
table.TPLbodytabs {border:0;width:605px;margin:0;padding:0;}
.TPLbodytabs td.bt {vertical-align:bottom;margin:0;padding:10px 2px 2px 4px;font-size:0.7em;background:url(../i/tab_bg.gif) bottom repeat-x scroll;font-family:Arial, Helvetica, sans-serif;}
.TPLbodytabs a {display:block;float:left;text-decoration:none;color:#006ba7;padding:0 7px;margin:0;position:relative;top:4px;}
.TPLbodytabs a.bl {border-left:1px solid #CCCCCC;}
.TPLbodytabs a.br {border-right:1px solid #CCCCCC;}

/* active tab */
table.TPLbodytabsActive {border:0;float:left;margin:0 7px;padding:0;}
.TPLbodytabsActive td {background-color:#af4c2d;padding:0;margin:0;}
.TPLbodytabsActive img {width:5px;height:5px;}
.TPLbodytabsActive td.active {padding:0 2px 4px 2px;color:#FFFFFF;font-size:0.9em;font-weight:bold;}

/* when upper tab row tabs are all off, to maintain height */
div.TPLbodytabsUpperOff {height:auto;width:auto;padding-bottom:17px;padding-top:4px;}
div.TPLbodytabsUpperOff a {position:inherit;top:0;left:0;}

/* supplimental class, for lower sub-tab navigation */
.TPLbodytabsLower td.bt {padding-top:2px;}

/* for lower nav, when all tabs are off, to maintain height */
.TPLbodytabsLowerOff td.bt {padding-bottom:9px;}

/* right content, parent container */
div.TPLrightBody {width:605px;height:auto;margin:0;padding:0;background:url(../i/inner_page_top_gradient.gif) top repeat-x scroll;}

/* right content, left and right sub-containers */
div.TPLrightBodyLeft {float:left;width:447px;margin:0;padding:0;font-size:0.8em;background:url(../i/right_vert_div.gif) right top no-repeat scroll;}
div.TPLrightBodyRight {float:right;width:158px;margin:0;padding:0;font-size:0.8em;}

/* content buffer */
.TPLbuffer {padding: 12px 4px 4px 4px;}

/* float content page height expander */
.TPLxpander {clear:both;}

/* -------- END NEW -------- */




	
/*	
	div.rightbody {width:447px;margin:0;padding:0;background:url(../i/inner_page_top_gradient.gif) top repeat-x scroll #00FF00;}
	div.rightbodycontent {background:url(../i/right_vert_div.gif) right top no-repeat scroll;}
	
	div.rightbar {float:right;width:158px;margin:0;padding:0;background:url(../i/inner_page_top_gradient.gif) top repeat-x scroll #FF0000;}*/
/*.rightbody .body1base .body1left .buffer h1 {*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.10em;
	font-weight: bold;
	color: #AF4C2D;
}
hr {
	width: 400px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9FD0E1;
}
.rightbody .body1base .body1left .buffer h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #067BC0;
	text-decoration: underline;
}
div.body1leftHP {
	float:left;
	width:605px;
	margin:0;
	padding:0;
	font-size:0.8em;
	background-image: url(../i/index/mainborder.gif);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: right top;
}
.rightbody .body1base .body1leftHP .buffer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #0072BB;
	text-align: center;
}
.potm {
	height: 151px;
	width: 201px;
	vertical-align: top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C78E78;
}
.dyk {
	height: 151px;
	width: 200px;
	vertical-align: top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C78E78;
}
.wn {
	width: 202px;
	vertical-align: top;
}
.wsl {
	width: 200px;
	vertical-align: top;
	margin-top: 0px;
}
.ue {
	background-image: url(../i/index/indexbx_05.gif);
	height: 152px;
	width: 252px;
	vertical-align: top;
}
.swsm {
	background-image: url(../i/index/indexbx_06b.gif);
	height: 152px;
	width: 175px;
	vertical-align: top;
}
.bxhdrs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #400E1F;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.bxcpy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	width: 170px;
	margin-left: 10px;
	margin-top: 5px;
}
.bxcpy2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	width: 127px;
	vertical-align: top;
}
div.body1leftcal {
float:left;width:604px;margin:0;padding:0;font-size:0.8em;
}
/*.rightbody .body1base .body1leftcal .buffer h1 {*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.10em;
	font-weight: bold;
	color: #AF4C2D;
}
div.footercal {
	clear:both;
	width:600px;
	text-align:center;
	font-size:0.6em;
	color:#444444;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}
.flprlft {
	background-image: url(../watersavingtips/i/Flapper_ToiletTank_FINAL.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 230px;
	vertical-align: top;
}
.sm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006BB7;
	text-decoration: none;
	margin-bottom: 3px;
	margin-top: 10px;
	margin-left: 10px;
}
.smli {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
	margin-left: 20px;
	list-style-type: none;
	margin-bottom: 10px;
}
.news {
	background-image: url(../i/index/newsbg.jpg);
	background-repeat: no-repeat;
	height: 78px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.echo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	margin-bottom: 5px;
}
hr {
	height: 1px;
	clear:both;
}
p	{
	margin-bottom:8px;
	margin-top:8px;
}.footer a {
	color: #333333;
	text-decoration: none;
}
.rightbody .body1base .footercal a {
	color: #333333;
	text-decoration: none;
}
.rightbody .footercal a {
	color: #333333;
	text-decoration: none;
}