.text {  
font-family: Helvetica, Arial, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: 17px; 
font-weight: normal;
font-variant: normal; 
color: #666}

.leftcol {  
margin: 0 8px 0 8px;

}

.header {
font-family: Helvetica, Arial, sans-serif; 
font-size: 18px; 
font-style: normal;
font-weight: bold;
line-height: 20px; 
color: #70871c;
margin-bottom:3px;
width:100%;

}

.superheader {
font-family: Helvetica, Arial, sans-serif; 
font-size: 14px; 
font-style: normal; 
line-height: 20px; 
font-weight: bold;
color: #00A0E2;
min-width:675px;
display:block;
padding-bottom:2px;
letter-spacing: -1;
text-transform: uppercase;
}

.superheaderi {
font-family: Helvetica, Arial, sans-serif; 
font-size: 14px; 
font-style: normal; 
line-height: 20px; 
font-weight: bold;
color: #00A0E2;
min-width:475px;
display:block;
padding-top:8px;
padding-bottom:2px;
letter-spacing: -1;
text-transform: uppercase;
}

.superheadersmall {
font-family: Helvetica, Arial, sans-serif; 
font-size: 14px; 
font-style: normal; 
line-height: 20px; 
font-weight: bold;
color: #00A0E2;
min-width:380px;
display:block;
padding-top:8px;
padding-bottom:2px;
letter-spacing: -1;
text-transform: uppercase;
}

.subheader {
font-family: Helvetica, Arial, sans-serif; 
font-size: 16px; 
font-style: normal; 
line-height: 20px; 
font-weight: normal;
font-variant: bold; 
color: #70871c;
}

.subheader_fill {
font-family: Helvetica, Arial, sans-serif; 
font-size: 14px; 
font-style: normal; 
line-height: 20px; 
font-weight: normal;
font-variant: bold; 
color:#ffffff;
}

.subheader2 {
font-family: Helvetica, Arial, sans-serif; 
font-size: 14px; 
font-style: normal; 
line-height: 19px; 
font-weight: normal;
font-variant: normal; 
color: #006699}



td.content {
padding-top: 18px;
padding-right: 18px;
padding-bottom: 4px;
padding-left: 18px;
font-family: Helvetica, Arial, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: 17px; 
font-weight: normal;
font-variant: normal; 
color: #666;
}

.form_content {
font-family: Helvetica, Arial, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: 17px; 
font-weight: normal;
font-variant: normal; 
color: #666;
}



td.save {
padding-top: 18px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
font-family: Helvetica, Arial, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: 17px; 
font-weight: normal;
font-variant: normal; 
color: #666;
}



td.flash {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 18px;

}


td.rtcontent {
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
font-family: Helvetica, Arial, sans-serif; 
font-size: 11px; 
font-style: normal; 
line-height: 17px; 
font-weight: normal;
font-variant: normal; 
color: #666;
}


td.footer {
padding-top: 10px;
background:url(../images/footer-bg.gif) top left no-repeat;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 80px;
font-family: Helvetica, Arial, sans-serif; 
font-size: 10px; 
font-style: normal; 
line-height: 17px; 
font-weight: normal;
font-variant: normal; 
color: #666;
}

a.doc:link, a.doc:visited {
width:475px;
display: block;
color:#006699;
padding-left: 25px;
text-decoration: none;
padding:4px;
border: 1px solid #fff;
}

a.doc:hover, a.doc:visited:hover { 
	background:url(../images/download.gif) no-repeat; 
	background-position:400px -3px; 
	color:#00447C; 
	border: 1px solid #EB8A10; 
	width:485px; 
}




a.list  { 
width:475px;
display: block;
color:#00A0E2;
padding-left: 25px;
text-decoration: none;
padding:4px;
border: 1px solid #fff;
}

a:hover.list {  
font-family: Helvetica, Arial, sans-serif; 
font-size: 12px; 
color: #00A0E2; 
text-decoration: underline
}






a.link  { 
color: #006699;
TEXT-DECORATION: none; 
font-family: Helvetica, Arial, sans-serif; 
font-size: 12px;
font-weight: bold;
}

a:hover.link {  
font-family: Helvetica, Arial, sans-serif; 
font-size: 12px; 
color: #006699; 
text-decoration: underline
font-weight: bold;
}


a.footer  { 
color: #666; 
TEXT-DECORATION: none; 
font-family: Helvetica, Arial, sans-serif; 
font-size: 10px; 
}

a:hover.footer {  
font-family: Helvetica, Arial, sans-serif; 
font-size: 10px; 
color: #666; 
text-decoration: underline
}


span.superheader {border-bottom: 1px dotted #EB8A10}

span.superheaderi {border-bottom: 1px dotted #EB8A10}

span.superheadersmall {border-bottom: 1px dotted #EB8A10}

form table {padding-bottom:8px; border-bottom: 1px dotted #EB8A10}

label {font-weight:bold;}

.textbox {color:#666; border: 1px solid #EB8A10}

.textbox_focus { font-size:13px; color:#FFF; border:1px solid #EB8A10; background-color:#EB8A10}


/**** new styles added for the League of WaterSavers redesign ****/

body {
 background: #f5be53 url("../images/bg2.jpg") top left no-repeat;
}

table#Table_01 {
 background-color: #fff;
}

a.doc:link, 
a.doc:visited,
a.doc:hover {
	width: 450px;
}

div#socmed {
 background: #ffffff url("../images/socmedbg.jpg") top left no-repeat;
 display: block;
 padding-top: 10px;
 width: 225px;
 overflow: hidden;
 margin-left: 5px;

}

div#socmed img {
  margin-left: 7px;
  margin-right: 0;
}

div#socmedbottom {
	background: #ffffff url('../images/socmedbgbottom.jpg') top left no-repeat;
	width: 225px;
	height: 13px;
	display: block;
	overflow: hidden;
}


#twtr-widget-1 {
margin-left: 10px;
}


td.footertd {
 padding-top: 10px;
}

ul.footer {
  text-align: center;
}

ul.footer li {
  display: inline;
  color: #fff;
}

ul.footer li a {
  font: 10px arial;
   border-right: 1px solid #fff;
  padding-left: 2px;
  padding-right: 5px;
  padding: 3px 5px 3px 2px;
  font-weight: bold;
	color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}

ul.footer li.last a {
 border-right: none;
}

td#right img {
 float: right;
}

table, td {
 vertical-align: top;
}