.bodytext {
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
}
.hid {
visibility:hidden !important;
}
body {
	background-color: #C6FCFE;
	margin-top: 0px;
}

#content #photobox {
	margin-bottom: 0.2em;
	margin-top: 0.6em;
	/*width: 37.6em;	*/
	width:150px;
}

#content  #photobox  p {
	margin: 0px;
	padding: .5em;
	color: #333333;
	font-size: .9em;
}

#wrapper {
	width: 750px;
	margin: 0 auto;
}
#wrapper #topBoxMiddle {
	width: 453px;
}

.title1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0033CC;
}
.maintitle {
	font: bold 1.0em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#03c;
}

table.line {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color:#FFF;
}
td.border {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

td.border p {
	padding: 8px;
	margin: 0;
}

.tagline {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
}
.dearfriends {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	list-style-type: square;
	color: #000000;
	font-size: 11px;
}

.ns:link{
	color: #000033;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-indent: 0pt;
	margin: 3px 0px;
	vertical-align: middle;
	display: block;
}
.ns:visited{
	
	color: #000033;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-indent: 0pt;
	margin: 3px 0px;
	vertical-align: middle;
	display: block;
}

.ns:hover {
	
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-indent: 0pt;
	margin: 3px 0px;
	vertical-align: middle;
	display: block;
}
.ns:active {
	
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-indent: 0pt;
	margin: 3px 0px;
	vertical-align: middle;
	display: block;
}

.link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.bread {
color: #002C45;
	text-decoration: none;
	font-weight: bold;
	}
	
.breadtxt {
color: #002C45;
	text-decoration: none;
	}	

.twtr-hd {display: none;}

.twtr-widget 
{  
	border-bottom: 1px dotted #09F;
	border-top: 1px dotted #09F;
	border-left: 1px dotted #09F;
	border-right: 1px dotted #09F;
} 
 
.linktitles {

	color: #000033;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 10px;
	padding-top: 5px;
	background-color:#ffffff; 
}

.faq {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000033;
	text-decoration: underline;
}

h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0000CC;
	text-decoration: none;
}
h1.nohome {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0000CC;
	text-decoration: none;
	background-color: #ffffff;
}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003333;
}

h2.headline {
	color: #0033CC;
	text-decoration: none;
}

h3 {	font-size: 90%;
	font-weight: bold;
	clear: left;	
}

h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003333;
	background-color:  #fdf6ee;
}

h5 {
	color: #03C;
	font: bold .9em Arial, Helvetica, sans-serif;
	margin-top:0;
}

h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #62b542;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}

h7 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

h8 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #3399cc;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}

.awards_h2 {
	font-size: 16px;
	color: #0000CC;
	text-align:center;
}

.awards_h5 {
	background-color:#fdf6ee;
	color:#000000;
	font-size:13px;
	font-weight: bold;
}

.awards_p {
	background-color:#fdf6ee;
	font-size: 13px;
	font-weight: bold;
	text-align:left;	
}

.awards_title {
	background-color:#fdf6ee;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
}

.bloc1 {
	float: left;
	padding-right: 5px;
	padding-bottom: 3px;
}


#Layer1 {
	position:absolute;
	left:601px;
	top:251px;
	width:145px;
	height:134px;
	z-index:1;}

p, ul, span {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align:left;
	padding-right:10px;
	line-height: normal;
}

A.text1:link {
	BACKGROUND-COLOR: #000033;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-top: 3px;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	DISPLAY: block;
	TEXT-DECORATION: none;
	CURSOR: default;
}

A.text1:visited {
	BACKGROUND-COLOR: #000033;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-top: 3px;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	DISPLAY: block;
	TEXT-DECORATION: none;
	CURSOR: default;
}

A.text1:active {
	BACKGROUND-COLOR: #000033;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-top: 3px;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	DISPLAY: block;
	TEXT-DECORATION: none;
	CURSOR: default;
}

.whitetext {color: #FFFFFF}
.cyantext {color: #99CCFF}
.redtext {color: #CC3300}
.dkgreentext {color: #009900}
.yellowtext {color: #FFCC00}
.bluetext {color: #003399}
.purpletext {color: #6633FF}
.orangetext {color: #FF6600}
.dots {color: #009999}
.boxtitle {font-family: Geneva, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; line-height: 15px; font-size: 11.5px;}
.boxtitle_new {font-family: Geneva, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; line-height: 15px; font-size: 11px;}
.bkgd {
	background-color: #000033;
}
.rgtbartext {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000033;
	text-decoration: none;
}
.rightbarbold {
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
.sep {
	border-bottom: 1px dotted #000066;
}

/* Added by Matt from Spanish CSS until End - new two column layout */

body {
	font-family: Arial, Helvetica, sans-serif;
}

#hp {
	padding-right: 1em;
}

#hp p {
	text-align: left;
}

#hp .more {
	text-align: right;
}

#hp h3 {
	color: #03C;
	font: bold .9em Arial, Helvetica, sans-serif;
}

/* Added by oEo ---------------------------- below */

#hp h4 {
color: #03C;
	font: bold .9em Arial, Helvetica, sans-serif;
}

#hp h5 {
	color: #03C;
	font: bold .7em Arial, Helvetica, sans-serif;
/* Which one separates header from paragraph? 
	padding-bottom:0px;
	border-bottom:0px;
	margin-bottom:0px;*/
}

.picture { 
	float: left;
	padding: 0px 7px; 
	text-align:left;
	font-size:10px;
} 
.picture img {
	vertical-align:top; 
	margin-bottom: 3px; 
} 


.pict_left {
	float: left;
	margin-right:10px;
	padding-bottom:7px;
	font-size:10px;
}
.pict_right {
	float: right;
	margin-left: 10px;
	padding-bottom:7px;
	padding-right:10px;
	text-align:left;
	font-size:10px;	
}

/* css for divs */ 


div #twocol-box {
	width:452px;
	background-color:#C7FDFF;
	/*margin:0 auto;*/
	clear: none;
	display:block;
	/*height: 700px;*/
	padding-top: 15px;
/*	margin-left: auto ;
  margin-right: auto ;
*/
}
div #leftcol  {
	width:220px; /*was:215px;*/
	float:left;
	clear:left;
	display:block;
	margin-top:-0.1em;
	padding-left: 0px; /*was:5px;*/
	padding-right: 0px; /*was:5px;*/
}
div #rightcol  {
	/*width:127px;*/
	width:220px; /*was:210px;*/
	float:right;
	clear:right;	
	display:block;
	margin-top:-0.1em;
	padding-left: 0px; /*was:5px;*/
	padding-right: 0px; /*was:5px;*/
}

div #left_col {
	float: left; 
	width: 45%;
	padding:10px;
}

div #right_col {
	float: right; 
	width: 45%;
	padding:10px;
}

div #dpactwocol-box {
	width:100%;
	background-color:#C7FDFF;
	clear: none;
	display:block;
	padding-top: 15px;
}
div #dpacleftcol  {
	width:48%;
	float:left;
	clear:left;
	display:block;
	margin-top:-0.1em;
	padding-left: 0px; 
	padding-right: 0px; 
}
div #dpacrightcol  {
	width:48%; 
	float:right;
	clear:right;	
	display:block;
	margin-top:-0.1em;
	padding-left: 0px;
	padding-right: 0px;
}

.container {
  	width: 454px;  
	margin: auto;
	text-align: left;

}
  
.left_c {
  float: left;
  padding: 0px 10px 0px 0px;
  width: 120px;
}

.middle_c {
  top: 10px;
  margin-left: 130px;
  margin-right: 170px;
}

.right_c {
  float: right;
  padding: 0px 10px 0px 10px;
  width: 150px;
}

.tb_title {
	background-color: #3399CC; 
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	padding-left:5px;
	padding-right:5px;
	vertical-align:text-top;	
}

.tb_on {
	background-color:#fdf6ee;
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:text-top;
}

.tb_off {	
	background-color:#97dde9;
	font-size:11px;
	padding-left:5px;
	padding-right:5px;	
	vertical-align:text-top;
}

#wrapper #rightTable #farRightContentWTable {
	float: right;
	width: 120px;
	padding-right: 5px;
	padding-left: 5px;
}
#wrapper #rightTable #farRightContentWTable #contSGFarRightTop {
	width: 120px;
	height: 300px;
}
#wrapper #rightTable #farRightContentWTable #banKinMoonHolder {
	background-color: #DDEFF0;
	/*height: 300px;*/
	width: 120px;
	padding-bottom: 5px;
}
#wrapper #rightTable #farRightContentWTable #waterSmartHolder {
	float: right;
	/*height: auto;*/
	width: 120px;
	background-color: #DDEFF0;
}
#wrapper #rightTable #farRightContentWTable #waterSmartHolder #waterSmartImageHolder {
	margin-top: -5px;
	float: none;
	width: 120px;
}

.style1 {font-weight: bold}

.style2 {font-family: Geneva, Arial, Helvetica, sans-serif}

.style4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.style6 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }



#RightContentTheme {
	float: right;
	width: 100px;
	padding-right: 0px;
	padding-left: 0px;
}
#RightContentTheme  {
	width: 100px;
	height: 300px;
}
#RightContentTheme  {
	background-color: #DDEFF0;
	width: 100px;
	padding-bottom: 0px;
}
#RightContentTheme  {
	float: right;
	width: 100px;
	background-color: #DDEFF0;
}
#RightContentTheme  {
	margin-top: 0px;
	float: none;
	width: 100px;
}


/* Added by oEo ---------------------------- above */

#hp .vsl_new {
	margin: 0 1em 1em 0;
	float: left;
}

#hp .sep {
	border-bottom: 1px dotted #000066;
}

#hp #news {
	 border: 1px solid #006;
	 padding: 1em;
	 font-size: small;
	 margin: 2em 0;
}

#banners {
	font-size: .7em;
}

/*  END - Added by Matt from Spanish CSS - new two column layout */

.rightnavlist {
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
	text-align: left;
	margin: 3px;
	}
	
.navulist {
	left: 0px;
	margin: 0px;
	list-style-position: outside;
	list-style-type: square;
	text-align: left;
	white-space: normal;
}