html { min-height: 100%; margin-bottom: 1px; }
body {margin: 0; padding: 0 0 1px 0;}
body {background: url(../images/background.png) repeat-x #5C8FC2; font-family: "trebuchet ms", arial, helvetica, sans-serif; font-size: 12px;}



a, a:visited {color: #222299;}
a:hover {text-decoration: none;}
h1 {font-size: 35px;}
h2 {font-size: 22px; font-weight: bold;}
h3 {font-size: 15px; font-weight: bold;}




.maincontain {background: url(../images/backgroundborder.png) repeat-y #fff;  width: 765px;margin-left: auto; margin-right: auto;  position: relative; z-index: 10;}

#header {background: url(../images/pugochead.png) 0 0 no-repeat;height: 240px; }
#header h1 {font-size: 30px; color: #073771;padding-left: 20px; padding-top: 20px; padding-bottom: 11px; margin: 0px 0 10px 10px;  letter-spacing: -1.5px; }
#header h1 span {font-size: 24px; color: #073771;  padding-bottom: 11px;  letter-spacing: -1.5px; }
#header h1 a {text-decoration: none;font-size: 30px; color: #073771; padding-top: 20px; padding-bottom: 11px; margin: 0px 0 10px 10px;  letter-spacing: -1.5px; }
#header h1 span a {text-decoration: none;font-size: 24px; color: #073771; padding-top: 20px; padding-bottom: 11px;  letter-spacing: -1.5px;}

#submenu3 {list-style: none; margin: 20px 0 0 0; float: right; }
	html>body #submenu3 {margin: 20px 0 0 0;}
	#submenu3 li {float: left; margin: 0; padding: 0;}
	#submenu3 li a, #submenu3 li a:visited {font-weight: bold;display: block; color: #fff; padding: 0 12px; text-decoration: none; background: url(../images/submenu_divide.gif) center left no-repeat;}
	#submenu3 li a:hover {text-decoration: underline;}
	#submenu3 li.first-child a, #submenu3 li.first-child a:visited  {background: none;}
/*Zoo Menu Text Size*/
/*li#pageid1211 a {font-size: 12px;}*/

#submenu {list-style: none; margin: 20px 0 0 0; float: right; }
	html>body #submenu {margin: 20px 0 0 0;}
	#submenu li {float: left; margin: 0; padding: 0;}
	#submenu li a, #submenu li a:visited {display: block; color: #000; padding: 0 12px; text-decoration: none; background: url(../images/submenu_divide.gif) center left no-repeat;}
	#submenu li a:hover {text-decoration: underline;}
	#submenu li.first-child a, #submenu li.first-child a:visited  {background: none;}

#submenu2 {list-style: none; margin: 0px 0 0 0; float: right;clear: both; }
	html>body #submenu2 {margin:0px 0 0 0;}
	#submenu2 li {float: left; margin: 0; padding: 0;}
	#submenu2 li a, #submenu li a:visited {display: block; color: #000; padding: 0 12px; text-decoration: none; background: url(../images/submenu_divide.gif) center left no-repeat;}
	#submenu2 li a:hover {text-decoration: underline;}
	#submenu2 li.first-child a, #submenu li.first-child a:visited  {background: none;}


.frametop {width: 765px;  height: 128px;margin-left: 12px;margin-bottom: -16px;}

.frame {margin-top: 0px;padding: 0 0px; background: url(../images/backgroundborder.png) repeat-y ; position:relative;height: 1%;}
	.subtitle {color: #fff; background: url(../images/subtitle_back.gif) 117px 44px no-repeat #5D86B2; height: 114px; width: 320px; float: left; margin: 0;}
	.subtitle h1 {padding-top:35px; margin-bottom: 0px; margin-left: 30px; font-size: 30px; }
	.subtitle_city, .subtitle_living, .subtitle_business, .subtitle_visiting, .subtitle_online, .subtitle_search,
	.subtitle_faq, .subtitle_caac, .subtitle_transit, .subtitle_sitemap, .subtitle_em, .subtitle_contact, .subtitle_news, .subtitle_login, .subtitle_free, .subtitle_wellness, .subtitle_lis, .subtitle_rpm {display: none; visibility: hidden;}
	
		.subpage_caac .subtitle_caac,
                .subpage_news .subtitle_news {display: block; visibility: visible;}	
	
	.subimg {background: url(../images/subtitle_back.gif) bottom right no-repeat #5D86B2; margin: 0 0 0 320px;}
		.subimg img {padding: 0px 0px 0px 0px; border-left: 6px solid #fff; border-right: 6px solid #fff;}

/*.breadcrumb {width: 729px;margin-left: 11px;margin-top: 5px; margin-bottom: 5px;border: 2px solid #FBFF00;padding: 5px 0 5px 10px; background: #FCFDC0; position: relative;}*/
.breadcrumb {width: 741px;margin-left: 6px; border-top: 2px solid #003D6C;border-bottom: 2px solid #003D6C;padding: 5px 2px 5px 10px; background: #FFFF66; position: relative;}

	.breadcrumb p {margin-top: 0px;margin-bottom: 0px;}
	.breadcrumb a {text-decoration: underline; color: #369;font-weight: bold;}
	.breadcrumb a:hover {text-decoration: none; color: #000; }
.font {float: right; margin-top: -4px;height: 1%;}


#Notable td {padding-right: 0px;padding-left: .px;}

#Content a {color: #336699; font-weight:bold;}

img.noteworthy {margin: 0px 0px 0px 0px !Important; padding 0px 0px 0px 0px !Important;}	
img.noteworthy2 {margin: 0px 0px 0px -5px !Important; padding 0px 0px 0px 0px !Important;}	
.focusarea {float: right;padding-left: 10px; padding-bottom: 10px;}
		.focusarea div {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 165px; }
		.focusarea div img {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
		.focusarea div ipf_ql_HTMLtwo {border: 0px solid #6E6E6E;}
		.focusarea div div {border: 0px solid #6E6E6E; padding: 0px 5px 0px 5px;margin-top: 0px;}		
	        .focusarea div ul.ipf_ql_list { background: #F5FAFF !Important; margin-top: -5px !Important; margin-left: 0px !Important; border: 1px solid #6E6E6E !Important;padding: 0px 0px 0px 1px !Important;list-style: none; text-decoration:none; list-style: none;list-style-image: none; margin-bottom: 0px !Important; }
                .focusarea div ul li.ipf_ql_item {display: block !Important; border-bottom: 1px #ccc solid; text-decoration:none; list-style: none; list-style-image: none !Important; margin: 0 !iMPORTANT; padding-left: 5px !Important;padding-right: 5px !Important;}
                .focusarea div ul li.ipf_ql_item a.ipf_ql_link {display: block !Important;text-decoration:none !Important;font-weight: bold;color: #369 !Important; border-bottom: 0px dotted #000;border-top: 0px dotted #000;  display: block !Important;  padding: 0px 0px 0px 0px !Important; 	}
		.focusarea div ul li.ipf_ql_item a.ipf_ql_link:hover{margin-left:0px !Important; 		display: block !Important;   text-decoration: underline !Important; color: #336699 !Important;	}	
.ipf_ql_HTMLtwo {margin-left: -15px; padding-right: 10px;}
		
#News {background: url(../images/sidebar.png) top left repeat-y;  float: left;width: 348px; margin-right: 0px;margin-left: 6px; padding-left: 30px; }
	#News h2 {color: #073771;  text-align: center; margin: 10px 0px -10px 0px;font-size: 20px;}
	
	#News a, #News a:visited {font-weight: bold; color: #336699; text-decoration: none;}
	#News a:hover {text-decoration: underline;}
	#News img {padding: 0px 0px 0px 0px; border: 1px solid #000;}
 #News ul.ipf_ql_list {color: #333;margin: 20px 0px -20px -20px !Important;  padding: 0px 0px 0px 10px !Important;list-style: none; text-decoration:none; list-style: none;list-style-image: none; width: 340px;}
#News li.ipf_ql_item {padding-bottom: 10px !Important;margin-right: 0px;padding-right: 0px; margin-top: 0px; clear:both;}
a.ipf_ql_link {color: #336699 !Important; text-decoration: underline !Important;}
a.ipf_ql_link:hover {color: #336699 !Important; text-decoration: none !Important;}

	
#AboutUs {background: url(../images/sidebar.png) top left repeat-y; float: left;  width: 348px; margin-right: 0px;margin-left:6px;padding-left: 30px;padding-top: 10px;padding-bottom: 20px;}
#AboutUs p {/*background: url(../images/pugwm.png) top right no-repeat;*/ margin: 20px 0px 0px -20px !Important;  padding: 0px 10px 0px 10px !Important;text-decoration:none;  width: 340px; color: #333;}
	#AboutUs h2 {color: #073771;  text-align: center; margin: 0px 0px -10px 0px;font-size: 20px;}
	
	#AboutUs a, #News a:visited {font-weight: bold; color: #336699; text-decoration: underline;}
	#AboutUs a:hover {text-decoration: none;}
	#AboutUs img {padding: 0px 0px 0px 0px; border: 0px solid #000; }
	
/*Home - News Column*/
#Notable {float: right; width: 366px; position: none; margin-right: 6px;padding-right: 5px;}

	#Notable h2 {color: #499102; margin: 0; padding: 0; font-size: 27px;}
	.archive, .archive:visited {float: right; color: #000; font-size: 13px; font-weight: bold;}	
	.newsitem {background: url(../images/dottedline.gif) bottom left repeat-x; padding: 10px 0; font-size: 12px;}
	.newsitem a, .newsitem a:visited {display: block; font-weight: bold; text-decoration: none; color:#499102;}
		.newsitem a:hover {text-decoration: underline;}









/*Subpage - content area*/		
.subpage_water #Content {padding: 15px; /*background: url(../images/waterwm.jpg) 20px 20px no-repeat; */}
.subpage_zoo #Content {padding: 15px; /*background: url(../images/zoowm.jpg) 20px 20px no-repeat; */}
.subpage_electric #Content {padding: 15px; /*background: url(../images/electricwm.jpg) 20px 20px no-repeat;*/ }
.subpage_cs #Content {padding: 15px; /*background: url(../images/pugwm.jpg) 20px 20px no-repeat;*/ }
.subpage_corporate #Content {padding: 15px; /*background: url(../images/pugwm.jpg) 20px 20px no-repeat;*/ }


#Content h2 {color: #073771;  text-align: center; margin: 0px 0px 10px 0px;font-size: 27px;}
h3 {color: #073771; margin: 0; padding-left: 10px; font-size: 15px;}
h1 {margin: 0; padding: 0; font-size: 35px;}
		
ul.mainlinks {margin-top: 10px;  list-style-type: none; padding: 0; margin-left: 0px;  }
ul.mainlinks strong {font-size: 15px;  }
li.moving {padding-left: 5.6em;padding-right: 0.5em; margin-bottom: 5px; border-bottom: 1px dashed #ccc;}
ul.mainlinks li.moving a {min-height: 50px;background-image: url(../images/moving2.png);background-repeat: no-repeat;background-position:0.5em; display: block;color: #000; text-decoration: none !Important; margin-left: -68px;padding-left: 68px;}
ul.mainlinks li.moving a:hover { background-image: url(../images/moving.png);background-repeat: no-repeat;background-position: .5em; display: block;background-color: #fff;color: #1C7A0B; text-decoration: none;}
li.paying {  padding-left: 5.6em;padding-right: 0.5em; margin-bottom: 5px; border-bottom: 1px dashed #ccc;}
ul.mainlinks li.paying a {min-height: 50px;background-image: url(../images/paying2.png);background-repeat: no-repeat;background-position: 0.5em;display: block;color: #000; text-decoration: none; margin-left: -68px;padding-left: 68px;}
ul.mainlinks li.paying a:hover { background-image: url(../images/paying.png);background-repeat: no-repeat;background-position: 0.5em; display: block;background-color: #fff;color: #3F3F3F; text-decoration: none;}
li.afford {  padding-left: 5.6em; padding-right: 0.5em;margin-bottom: 5px; border-bottom: 1px dashed #ccc;}
ul.mainlinks li.afford a {min-height: 50px;background-image: url(../images/afford2.png);background-repeat: no-repeat;background-position: 0.5em;display: block;color: #000; text-decoration: none; margin-left: -68px;padding-left: 68px;}
ul.mainlinks li.afford a:hover { background-image: url(../images/afford.png);background-repeat: no-repeat;background-position: 0.5em; display: block;background-color: #fff;color: #0A64FF; text-decoration: none;}
li.conserve {  padding-left: 5.6em; padding-right: 0.5em;margin-bottom: 5px; border-bottom: 1px dashed #ccc;}
ul.mainlinks li.conserve a {min-height: 50px;background-image: url(../images/conserve2.png);background-repeat: no-repeat;background-position: 0.5em;display: block;color: #000; text-decoration: none; margin-left: -68px;padding-left: 68px;}
ul.mainlinks li.conserve a:hover { background-image: url(../images/conserve.png);background-repeat: no-repeat;background-position: 0.5em; display: block;background-color: #fff;color: #666; text-decoration: none;}
li.arrange {  padding-left: 5.6em; padding-right: 0.5em;margin-bottom: 5px; border-bottom: 1px dashed #ccc;}
ul.mainlinks li.arrange a {min-height: 50px;background-image: url(../images/arrange2.png);background-repeat: no-repeat;background-position: 0.5em;display: block;color: #000; text-decoration: none; margin-left: -68px;padding-left: 68px;}
ul.mainlinks li.arrange a:hover { background-image: url(../images/arrange.png);background-repeat: no-repeat;background-position: 0.5em; display: block;background-color: #fff;color: #666; text-decoration: none;}
li.service {  padding-left: 5.6em; padding-right: 0.5em;margin-bottom: 5px; border-bottom: 1px dashed #ccc;}
ul.mainlinks li.service a {min-height: 50px;background-image: url(../images/service2.png);background-repeat: no-repeat;background-position: 0.5em;display: block;color: #000; text-decoration: none; margin-left: -68px;padding-left: 68px;}
ul.mainlinks li.service a:hover { background-image: url(../images/service.png);background-repeat: no-repeat;background-position: 0.5em; display: block;background-color: #fff;color: #1F13AB; text-decoration: none;}
li.careers { padding-left: 5.6em; padding-right: 0.5em;margin-bottom: 5px; border-bottom: 1px dashed #ccc;}
ul.mainlinks li.careers a {min-height: 50px;background-image: url(../images/careers2.png);background-repeat: no-repeat;background-position: 0.5em;display: block;color: #000; text-decoration: none; margin-left: -68px;padding-left: 68px;}
ul.mainlinks li.careers a:hover { background-image: url(../images/careers.png);background-repeat: no-repeat;background-position: 0.5em; display: block;background-color: #fff;color: #A00906; text-decoration: none;}
li.tenders {  padding-left: 5.6em; padding-right: 0.5em;margin-bottom: 5px; border-bottom: 1px dashed #ccc;}
ul.mainlinks li.tenders a {min-height: 50px;background-image: url(../images/tenders2.png);background-repeat: no-repeat;background-position: 0.5em;display: block;color: #000; text-decoration: none; margin-left: -68px;padding-left: 68px;}
ul.mainlinks li.tenders a:hover { background-image: url(../images/tenders.png);background-repeat: no-repeat;background-position: 0.5em; display: block;background-color: #fff;color: #B88B04; text-decoration: none;}
li.retail { padding-left: 5.6em;padding-right: 0.5em; margin-bottom: 5px; border-bottom: 1px dashed #ccc;}
ul.mainlinks li.retail a { min-height: 50px;background-image: url(../images/retail2.png);background-repeat: no-repeat;background-position: 0.5em;display: block;color: #000; text-decoration: none; margin-left: -68px;padding-left: 68px;}
ul.mainlinks li.retail a:hover { background-image: url(../images/retail.png);background-repeat: no-repeat;background-position: 0.5em; display: block;background-color: #fff;color: #908B02; text-decoration: none;}

li.earthhour {text-align: center; padding-right: 0.5em;margin-left: 50px !Important; border-bottom: 1px dashed #ccc;}
li.pledge{text-align: center; padding-right: 0.5em;margin-left: 0px !Important; border-bottom: 1px dashed #ccc;}
ul.mainlinks li.earthhour a, ul.mainlinks li.pledge a {display: block;color: #000; text-decoration: none; margin-left: -68px;padding-left: 68px;}
ul.mainlinks li.earthhour a:hover, ul.mainlinks li.pledge a:hover { display: block;background-color: #fff;color: #1F13AB; text-decoration: none;}
 

#Content p.nb {padding: 3px 20px; background-color: #FCFDC0; border: 2px solid #FBFF02; color: #000; text-align: center; position: relative;}
#Content p {color: #222;}

	#Content p.nb2 {padding: 3px  20px; background-color: #FCFDC0; border: 2px solid #FBFF02; color: #000; text-align: center; margin-right: 180px; position: relative;}	
#Content p.question {padding-left: 15px; color: #369; background: url(../images/question.jpg) no-repeat 0;}	
	#Content p.question2 {padding-left: 15px; color: #369; background: url(../images/question.jpg) no-repeat 0; margin-right: 220px;}	
#Content p.answer {padding-left: 15px; color: #000; background: url(../images/answer.jpg) no-repeat 0;}	
	#Content p.answer2 {padding-left: 15px; color: #000; background: url(../images/answer.jpg) no-repeat 0;margin-right: 220px;}	
.subpage_water #Content ul li
	{list-style: none; list-style-image: url(../images/bullet1.gif); padding: 0;margin: 0 0 0.05em 1.5em;}
.subpage_water #Content li
	{padding-left: 2px !Important;}
.subpage_zoo #Content ul li
	{list-style: none; list-style-image: url(../images/bullet2.gif); padding: 0;margin: 0 0 0.05em 1.5em;}
.subpage_zoo #Content li
	{padding-left: 2px !Important;}
.subpage_electric #Content ul li
	{list-style: none; list-style-image: url(../images/bullet3.gif); padding: 0;margin: 0 0 0.05em 1.5em;}
.subpage_electric #Content li
	{padding-left: 2px !Important;}
.subpage_cs #Content ul li
	{list-style: none; list-style-image: url(../images/bullet4.gif); padding: 0;margin: 0 0 0.05em 1.5em;}
.subpage_cs #Content li
	{padding-left: 2px !Important;}
#content.focusarea div ul li.iqf_ql_item{margin: 0 0 0.05em 3.5em;}
img {padding: 5px 5px 5px 5px; border: 0px;}

a.faq {color: #369 !Important;}
a.faq:hover {color: #336699 !Important;}


#Content table, #Content td {border-collapse: collapse; margin: 0 auto 1em;}
#Content td  {border: 1px solid #7FABCD;padding: 1px 5px 1px 5px; }
#Content td.calculator  {border: 0px solid #7FABCD !Important;padding: 1px 5px 1px 5px; }
#Content td p {padding: 0; margin: 0;}

img.pusi {margin-left: -7px;margin-top: -6px;padding-left: 0px;width: 754px;}
img.water {margin-left:-7px !Important; padding-left: 0px;margin-top: -6px;}
img.zoo {margin-left: -5px;padding-left: 0px;margin-top: -6px;}
img.electric {margin-left: -5px;padding-left: 0px;margin-top: -6px;}
img.cs {margin-left: -5px;padding-left: 0px;margin-top: -6px;}
img.corporate {margin-left: -5px;padding-left: 0px;margin-top: -6px;width: 154px;height: 114px;}
img.subsection {margin-left: -7px; margin-top: -6px;padding-left: 0px;width: 754px; }



#Content table.google, #Content td.google {border: 0px !Important; border-collapse: collapse !Important; margin: 0 auto 1em !Important;}
#Content td.google  {border: 0px !Important;padding: 1px 5px 1px 5px !Important; }
#Content td.google p {padding: 0 !Important; margin: 0 !Important;}

#ipf-calendarevent-html1div table, ipf-calendarevent-html1div td {border-collapse: collapse !Important; margin: 0 auto 1em !Important;}
#ipf-calendarevent-html1div td  {border: 1px solid #7FABCD !Important;padding: 1px 5px 1px 5px !Important; }
#ipf-calendarevent-html1div td p {padding: 0 !Important; margin: 0 !Important;}

#ufoDemo {text-align: center;}


/*Footer */	
#footermain {background: url(../images/pugocfoot.png) NO-REPEAT;clear: both; text-align: right; height: 7px !Important; margin-left: 0px;width: 765px;}
ul.footerhome {list-style: none; padding-left: 0px; padding-top: 0px; text-align: center; margin-left: 3% !Important; }
ul.footerhome li  {float: left;}
ul.footerhome li a {color: #083473; font-weight: bold; display: block; padding: 0 0.5em; text-decoration: none; background: url(../images/submenu_divide.gif) center left no-repeat;}
ul.footerhome li.first-child a, ul.footerhome li.first-child a:visited {color: #083473; font-weight: bold;background: none;}
ul.footerhome li a:hover {color: #083473; font-weight: bold;text-decoration: underline;}
p.footerhome {font-size: .8em;color: #083473; font-weight: bold;  margin-left: 3%; text-align: center; margin-top: 0px !Important;}

#footer {background: url(../images/curve2.png) NO-REPEAT ; clear: both; text-align: center; height: 82px !Important; margin-left: 6px;width: 753px;margin-top: -30px;}
#footer ul {list-style: none; padding-left: 0px; padding-top: 35px; margin-left: 345px; text-align: center; margin-top:30px !Important; }
	#footer ul li {float: left;}
	#footer ul li a {color: #083473; font-weight: bold; display: block; padding: 0 12px; text-decoration: none; background: url(../images/submenu_divide.gif) center left no-repeat;}
	#footer ul li.first-child a, #footer ul li.first-child a:visited {color: #083473; font-weight: bold;background: none;}
	#footer ul li a:hover {color: #083473; font-weight: bold;text-decoration: underline;}
#footer p {font-size: .8em;color: #083473; font-weight: bold;  margin-left: 320px; text-align: center; margin-top: 0px !Important;}
img.footer {float: left; margin-left: 26px; margin-top: -4px;}
a.login {color: #fff !Important;}

.ipf_qp_contain {margin-left: auto; margin-right: auto;border: 3px solid #003473; width: 200px;background: #21598C; }
.ipf_qpoll_view {margin-left: -10px !Important; margin-right: -5px;}
.ipf_qpoll_view td {background: #ffffff; border: 0px; border: 0px !Important;}
.ipf_qp_question {text-align: center;font-weight: bold;background: #21598C !Important; width: 260px; color: #ffffff; margin-left: -20px;}
.ipf_qp_resultslink {}

.ipf-PageChildLinks ul li a {font-family: "trebuchet ms", arial, helvetica, sans-serif; font-size: 12px;}

table.noborder, table.noborder td {border: 0 !Important;}

.ipb-webgrid-rowa img, .ipb-webgrid-rowb img {padding: 0px !Important;}


