/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #001422;
	width: 900px;
}
body {
	background:url(images/bg.jpg) repeat top #001422;
	text-align: center;
	min-width: 900px;
	width: auto;

}

#wrap {
	width: 900px;
	text-align: left;
	background-color: #FFFFFF;
	border:double;
	border-width:thick;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	position: relative;
	margin: 0 auto;
}
#menu {
	height:39px;
	width:900px;
	clear: both;
	background-color: #8BC288;
	border-top-color: #8BC288;
	border-bottom-color: #8BC288;
	border-right-color: #8BC288;
	border-left-color: #8BC288;
	border-color: #8BC288;
}
#menu_inside {height:37px; width:80%; margin-left:20px; margin-right: 20px; clear: both;}











#header {
	width:900px;
	height:275px;
	clear: both;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(images/banner3.png);
}

#header2 {
	width:900px;
	height:275px;
	clear: both;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(images/banner2.png);
	background-color: #D3D1CA;
}

#border {background:url(images/border.jpg) #0066FF repeat-x top; width:900px; height:9px; clear: both;}
h1 {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#0070B8;}
#footer {background:url(images/footer.jpg) #0070B7 repeat-x top; width:900px; height:43px; text-align:center; float: left; clear: both;}
#footer a:link {color:#79C6F7; text-decoration:none; font-size:11px; padding-left:10px; padding-right:10px;}
#footer a:visited {color:#79C6F7; text-decoration:underline; font-size:11px; padding-left:10px; padding-right:10px;}
#footer a:hover {color:#79C6F7; text-decoration:underline; font-size:11px; padding-left:10px; padding-right:10px;}
#footer a:active{color:#FFFFFF; text-decoration:underline; font-size:11px; padding-left:10px; padding-right:10px;}
#bottom_line {
	width:900px;
	clear: both;
	background-color: #666666;
	background-repeat: repeat-x;
	background-position: top;
}
#main {background:url(images/main_bg.jpg) #FFFFFF top repeat-x; width:900px; position: relative; clear: both; float: left; }

#main4 {
	background:url() #FFFFFF top repeat-x;
	width:900px;
	position: relative;
	clear: both;
	float: left;
	background-image: url();
	height: 120px;}
	
#main4 {
	background:url(images/main_bg.jpg) #FFFFFF top repeat-x;
	width:900px;
	position: relative;
	clear: both;
	float: left;
	background-image: url(images/res_energy2.png);
	height: 320px;
	
}	
#main5 {
	background:url(images/main_bg.jpg) #FFFFFF top repeat-x;
	width:900px;
	position: relative;
	clear: both;
	float: left;
	background-image: url(images/res_water2.png);
	height: 320px;	
	
}
#main6 {
	background:url(images/main_bg.jpg) #FFFFFF top repeat-x;
	width:900px;
	position: relative;
	clear: both;
	float: left;
	background-image: url(images/res_banner2.png);
	height: 318px;	
	
}

#main7 {
	background:url(images/main_bg.jpg) #FFFFFF top repeat-x;
	width:900px;
	position: relative;
	clear: both;
	float: left;
	background-image: url(images/res_recycling.png);
	height: 318px;	
	
}
	
	
	

#main a{color:#006EB4; text-decoration:underline; font-weight:bold;}
#main a:hover {color:#006EB4; text-decoration:none; font-weight:bold;}
#main h2 { background:url(images/h2_bg.jpg) top repeat-x #0170BF; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; padding-left:10px;}
#main h3 {background:#E2F6FF; font-size:12px; font-weight:normal;}
#main h4 {font-size:12px; font-weight:normal; color:#F01720;}
#main h4 a{font-size:12px; font-weight:normal; color:#F01720; text-decoration:underline;}
#main h4 a:hover{font-size:12px; font-weight:normal; color:#F01720; text-decoration:none;}
#cell {
	width:900px;
	height:210px;
	background:url(images/cell.png) no-repeat;
	position: relative;
	clear:both;
	color: #FFFFFF;
	background-image: url(images/cell.png);
}
#cell h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:400;}
.date {background:url(images/date.jpg) no-repeat left; padding-left:20px; height:30px; line-height:30px; vertical-align:middle; font-weight:bold;}
#cell_border {width:760px; height:3px; background:url(images/cell_border.jpg) repeat-x; position: relative; clear:both}
#cell_bg {width:253px; height:197px; background:url(images/cell_bg.jpg) repeat-x; position: relative; clear:both}
#right {width:285px; float: right; padding:10px; position:inherit}
#right2 {width:300px; float: right; padding:10px; position:inherit}
#cell_right {
	width:210px;
	float: right;
	line-height:14px;
	padding-top:10px;
	position:inherit;
	padding-right:0px;
	padding-left: 10px;
}
#cell_right2 {width:260px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:10px;}






#cell_middle {
	width:215px;
	float: left;
	line-height:14px;
	padding-top:10px;
	position:inherit;
	padding-right:0px;
	padding-left: 11px;
}
#cell_left {
	width:210px;
	float: right;
	line-height:14px;
	padding-top:10px;
	position:inherit;
	padding-right:0px;
	padding-left: 10px;
}
#cell_left2 {width:260px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:45px;}
#cell a:hover {color:#0099FF; text-decoration:none; font-weight:bold;}
#cell a{color:#FFFFFF; text-decoration:underline; font-weight:bold;}
#submenu {width:220px; float: left; position:inherit; background:#0170B5 url(images/submenu.jpg) top repeat-y; color:#76C8FF}
#submenu h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#FFEEEB; background:url(images/submenu_bg.jpg) top repeat-x #E01D25; height:33px; text-align: center; vertical-align: middle;}
#submenu a{font-size:12px; color:#FEFCFD; text-decoration:none;}
#submenu a:hover{font-size:12px; color:#FEFCFD; text-decoration:underline;}
.title {font-family:"Century Gothic", Arial; font-size:44px; color:#FFFFFF; padding-left:10px; font-weight:600}


#mell {
	width:900px;
	height:200px;
	position: relative;
	color: #0066FF;
}
#mell h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:400;}
.date {background:url(images/date.jpg) no-repeat left; padding-left:20px; height:30px; line-height:30px; vertical-align:middle; font-weight:bold;}
#mell_border {width:760px; height:3px; background:url(images/cell_border.jpg) repeat-x; position: relative; clear:both}
#mell_bg {width:253px; height:197px; background:url(images/cell_bg.jpg) repeat-x; position: relative; clear:both}
#right {width:285px; float: right; padding:10px; position:inherit}
#right2 {width:300px; float: right; padding:10px; position:inherit}
#mell_right {width:260px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:10px;}
#mell_right2 {width:260px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:10px;}
#mell_middle {width:260px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:50px;}
#mell_left {
	width:260px;
	float: right;
	line-height:14px;
	padding-top:10px;
	position:inherit;
	padding-right:45px;
	margin-left: 0px;
}
#mell_left2 {width:260px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:45px;}
#mell a:hover {
	color:#0099FF;
	text-decoration:underline;
	font-weight:bold;
	background-color: #666666;
}
#mell a{color:#FFFFFF; text-decoration:underline; font-weight:bold;}



#bell {
	width:900px;
	height:230px;
	background:url(images/cell_land_res.png) no-repeat;
	position: relative;
	clear:both;
	color: #FFFFFF;
	background-image: url(images/cell_res_land.png);
}
#bell h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; font-weight:400;}
.date {background:url(images/date.jpg) no-repeat left; padding-left:20px; height:30px; line-height:30px; vertical-align:middle; font-weight:bold;}
#bell_border {width:760px; height:3px; background:url(images/cell_border.jpg) repeat-x; position: relative; clear:both}
#bell_bg {width:253px; height:197px; background:url(images/cell_bg.jpg) repeat-x; position: relative; clear:both}
#right {width:285px; float: right; padding:10px; position:inherit}
#right2 {width:300px; float: right; padding:10px; position:inherit}
#bell_right {width:260px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:10px;}
#bell_right2 {width:260px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:10px;}
#bell_middle {width:260px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:50px;}
#bell_left {
	width:260px;
	float: right;
	line-height:14px;
	padding-top:10px;
	position:inherit;
	padding-right:45px;
	margin-left: 0px;
}
#bell_left2 {width:260px; float: right; line-height:14px; padding-top:10px; position:inherit; padding-right:45px;}
#bell a:hover {color:#0099FF; text-decoration:none; font-weight:bold;}
#bell a{color:#FFFFFF; text-decoration:underline; font-weight:bold;}
/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:100%;
      font-size:medium;
	  font-weight:bold;
      }
    #tabsJ ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#006EB4;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }