﻿body {
	background-color: #FFFFFF;
	background-image: url(/webdata/graphics/w2_bodyBG.jpg);
	background-position: center top;
	background-repeat: repeat-y;
	}

ul.accessibility {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -1000px;
	top: -1000px;
	list-style-type: none;
	}

#container {
	position: relative;
	margin: auto;
	width:980px;
	}


#unityMenu{
	position:absolute;
	top: 226px;
	left: 0;
	width: 980px;
	}
	
/* mmenu */
nav:not(.mm-menu) {
	display: none;
	}
#mmenu {
	visibility:hidden;	
/*hide only for dw view - display:none; */
	}
.headerMB  {
	display:none;
	}
	
	
	
#mobileLogo {
	display:none;
	}
	
#logoPos {
	float:left;
	width:209px;

	}
#logo {
	padding-top:20px;
	padding-bottom:22px;
	padding-left:50px;
	}
	
#socialLinks {
	background-color: #3775ca;
	height: 52px;
	padding-left: 20px;
	}
#socialLinks img {
	padding-left:10px;
	padding-top: 10px;
	}	
	
#headerPhoto {
	/*float:left;*/
	position:relative;
	width:771px;
	height: 212px;
	overflow:hidden;
	z-index:10;
	}
#headerPhoto img {
	display: block;
	width:771px;
	height: 160px;
	 }	

#wOverlay {
	position:absolute;
	top: 0px;
	left: 209px;
	z-index:11;
	}

#content img { 
	/* max-width:900px; */
 }
 
#contentBg {
	float:left;
	background-image: url(/webdata/graphics/w2_searchBG.png);
	background-position: right top;
	background-repeat: no-repeat;
	width: 980px;
	margin-top: 51px;
 }
/* Main content columns */
#leftcol {
	float:left;
	width:210px;
	margin-bottom: 20px;
	margin-top: 22px
	}
#midcol {
	float:left;
	width: 458px;
	margin-bottom: 20px;
	margin-top: 64px;
	}
#rightcol {
	float:left;
	width: 312px;
	margin-bottom: 20px;
	margin-top: 64px
	}

/* I want to */

#iWantTo {
	background-color:#1450A3;
	height:213px;
	background-image: url(/webdata/graphics/w2_h_wantToBG.gif);
	background-position: left top;
	background-repeat: no-repeat;
	}
#iWantTo h2 {
	color:#FFF;
	padding-left:15px;
	padding-top: 20px;
	}
#iWantToC {
	padding-left:15px;
	}
	
#iWantToC form {
	margin-top:4px;
	}
#iWantToC select {
	width:180px;
	font-size:90%;

	}
#iWantToC #form5 {
	padding-bottom:20px;
	}	

	
#signUp	{
	background-color:#245EB0;
	height:103px;
	overflow:hidden;
	}
	
#signUpC	{
	padding-left: 15px;
	}
		
#signUp h2	{
	color:#FFF;
	font-size:130%;
	font-weight: normal;
	}
	
#signUp h3	{
	color:#FFF;
	font-size:120%;
	font-weight: normal;
	}
	
	
#signUpC form	{
	margin:0;
	padding:0;
	}	
	
#signUpC .mailFormInput	{
	width:135px;
	border-radius:5px;
	border:1px solid #FFF;
	}
#signUp td	{
	color:#FFF;
	font-size:100%;
	}

#videoBox {
	background-image: url(/webdata/graphics/w2_h_videoBg.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width:210px;
	height:192px;
	overflow:hidden;
	}

#videoC {
	padding-top:52px;
	padding-left:12px;
	}
	
#videoC a img {
	border:3px solid #FFF!important;
	}	


#videoC p {
	bmargin:0;
	padding:0;
	line-height:0;
	}

		
/* Content */
/* ================================= */

/* hide the extra unity sub nav lists */
#subNavList {
	display:none;
	}

#introTxt {
	padding-left:10px;
	padding-right: 10px;
	height: 172px;
	overflow:hidden;
	}

#newsBox {
	background-image: url(/webdata/graphics/w2_h_NewsBG.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #EFF4FA;
	}

#newsBox h2 {
	color:#1450A3;
	margin:0;
	padding:0;
	margin-right:15px;
	margin-left:15px;
	border-bottom: 1px solid #CCCEC9;
	font-size:170%;
	padding-top: 10px;
	padding-bottom:8px;
	}

.latestNews {
	height:245px;
	overflow:auto;
	margin-right:15px;
	margin-left:12px;
	padding-top:0px;
	}
	
.latestNews .u6ListTable {
	width: 100%;
	}

.latestNews .u6ListItemTitle {
	color:#1450A3;
	font-size:130%;
	padding-top:10px;
	font-weight:normal;
	}
.latestNews .u6ListItem {
	border-bottom:1px solid #CDCEC9;
	}
.latestNews .u6ListItemDate {
	color:#1450A3;
	font-style:italic;
	}
.latestNews .u6ListItemAbstract {
	line-height: 1.3em;
	color:#1E1E1E;
	}
.latestNews .u6ListItemLinkBox {
	padding-top:5px;
	padding-bottom:10px;
	}
	
.latestNews a:link {
	color:#1450A3;
	background-color: transparent;
	text-decoration:none;
	font-size:95%;
	}
.latestNews a:active {
	color:#FF0000;
	background-color: transparent;
	text-decoration:none;
	font-size:95%;	
	}
.latestNews a:visited {
	color:#1450A3;
	background-color: transparent;
	text-decoration:none;
	font-size:95%;	
	}
.latestNews a:hover {
	color:#05377D;
	background-color: transparent;
	text-decoration:none;
	font-size:95%;
	}



/* Quick Link Buttons */
/* ================================= */
#MBqckLinks {
  display:none;	
	}

div.blkOverlay {
	background-color: #FFF;
	margin-bottom:5px;
}

div.blkOverlay {

}
div.blkOverlay img {
	padding:0; margin:0; border: 0 none;
}

img.pic:link {
	filter: alpha(opacity=0);
	opacity: 0;
}
img.pic:visited {
	filter: alpha(opacity=0);
	opacity: 0;
}
img.pic:hover {
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6;
	}



#contactBox {
	clear:both;
	margin-top:17px;
	background-color: #245EB0;
	background-image: url(/webdata/graphics/w2_h_contactBG.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
#cDetails {
	padding-left:15px;
	padding-right:10px;
	}
#cDetails p {
	padding-top:0px;
	padding-bottom:0px;
	line-height: 1.1em;
	color:#FFF;
	font-size:95%;
	}
#cDetails h3 {
	color:#FFF;
	font-weight: normal;
	background-image: url(/webdata/graphics/w2_h_emailIcon.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px;
	}
	
#cDetails a:link {
	color:#FFF;
	background-color: transparent;
	text-decoration:none;
	}
#cDetails a:active {
	color:#FF0000;
	background-color: transparent;
	text-decoration:none;
	}
#cDetails a:visited {
	color:#FFF;
	background-color: transparent;
	text-decoration:none;
	}
#cDetails a:hover {
	color:#FFF;
	background-color: transparent;
	text-decoration:underline;
	}
	
	
#cGoogleMap {
	padding-top:20px;
	padding-left:15px;
	}
	
	
/* ================================= */
	 
	 
/* SEARCH */
#searchForm form {
	margin:0;
	padding:0;	
	}
#searchForm {
	position: absolute;
	left: 765px;
	top: 278px;
	width:210px;
	}
.searchInput {
	margin-right: 0px;
	padding:3px;
	width:155px;
	border:1px solid #C3C3C3;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	background-color: #FCFCFC;
	color:#1450A3;
	font-size:95%;
	}
.searchBtn {
	position: absolute;
	left: 165px;
	top: -2px;
	}
.searchTxt {
	position: absolute;
	left: 140px;
	top: 0px;
	}
/* PRINT BUTTON */	
#printLink {
	position: absolute;
	left: 562px;
	top: 282px;
	cursor: pointer;
	width: 16px;
	height: 15px;
	}
	
#fontSizerPos{
	position: absolute;
	left: 591px;
	top: 280px;
	}
	
#contactUs{
	position: absolute;
	left: 469px;
	top: 280px;
	background-image: url(/webdata/graphics/w2_contactIcon.png);
	background-position: left center;
	padding-left: 20px;
	background-repeat: no-repeat;
	}

a.cntUs:link {
	color:#818181;
	background-color::transparent;
	text-decoration:none;
	}
a.cntUs:active {
	color:#FF0000;
	background-color::transparent;
	text-decoration:none;
	}
a.cntUs:visited {
	color:#818181;
	background-color::transparent;
	text-decoration:none;
	}
a.cntUs:hover {
	color:#1450A3;
	background-color::transparent;
	text-decoration:underline;
	}


/*======================*/
/* footer */

.footerBlock	{
	clear: both;
	margin-top: 5px;
	height: 60px;
	background-image: url(/webdata/graphics/w2_footerBG.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}

.footerTxt1 {
	font-size: 85%;
	color: #000;
	}
	
#fWeather {
	float:left;
	background-image: url(/webdata/graphics/w2_h_weatherIcon.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin-top:20px;
	margin-left:20px;
	padding-left: 25px;
	}
	
a.wLink:link {
	color:#1450A3;
	background-color:#FFFFFF;
	text-decoration:none;
	}
a.wLink:active {
	color:#FF0000;
	background-color:#FFFFFF;
	text-decoration:none;
	}
a.wLink:visited {
	color:#1450A3;
	background-color:#FFFFFF;
	text-decoration:none;
	}
a.wLink:hover {
	color:#05377D;
	background-color:#FFFFFF;
	text-decoration:underline;
	}	
	
	
#googlePos {
	float:left;
	padding-top:20px;	
	margin-left:20px;	
}

#google_translate_element { 


	} 	
.gLink a:link {
	text-decoration:none;
	}
.gLink a:active {
	text-decoration:none;
	}
.gLink a:visited {
	text-decoration:none;
	}
.gLink a:hover {
	text-decoration:none;
}	
	
/*
==============================
FOOTER LINKS 
*/	
#footLinks {
	float:right;
	padding-top:20px;
	padding-right: 20px;
	}

.fPipe {
	padding-left:5px;
	padding-right:5px;
	color:#FFF;
	}

a.footer:link {
	color:#666;
	background-color:#FFFFFF;
	text-decoration:none;
	}
a.footer:active {
	color:#FF0000;
	background-color:#FFFFFF;
	text-decoration:none;
	}
a.footer:visited {
	color:#666;
	background-color:#FFFFFF;
	text-decoration:none;
	}
a.footer:hover {
	color:#1450A3;
	background-color:#FFFFFF;
	text-decoration:underline;
	}


	
/* --------------------------------------------------------------------
Handheld Device
-------------------------------------------------------------------- */
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px)
{

body {
	background-image:none;
}

#container {
	position: relative;
	margin: auto;
	width:auto;
	}

#tmpNav {
	display:none;
	}
#unityMenu{
	display:none;
	}


.headerMB  {
	display:block;
	text-align: center;	
	background-color:#2E59C1;
	color: #fff;	
	width: 100%;
	height: 40px;
	}
	
.headerMB.fixed {
	position: fixed;
	top: 0;
	left: 0;
	}

.headerMB a {
	position: absolute;
	top: 0;
	left: 10px;	
	display: block;
	min-width: 50px;
	min-height: 40px;	
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	background-color:#2E59C1;
	}
#mmenu {
	visibility:visible;
	}
	

#logoPos {
	display:none;	
	}
#logo {
	display:none;		
	}
#socialLinks {
	display:none;	
	}

#headerPhoto {
	display:none;
	}
#headerPhoto img {
	display:none;
	 }	

#wOverlay {
	display:none;
	}
	
#mobileLogo {
	display:block;
	}
#mobileLogo img {
	width:100%;
	height:auto;
	}
	
#contentBg {
	float:none;
	clear:both;
	background-image:none;
	width: auto;
	margin-top: 0px;
	margin-right:10px;
	margin-left:10px;
 }
 
/* Main content columns */
#leftcol {
	width:100%;
	margin-bottom: 20px;
	margin-top: 20px;
	}
	
#iWantTo h2 {
	color:#FFF;
	padding-left:35px;
	padding-top: 20px;
	}	
#iWantTo {
	height:auto;
	background-image: none;
	}
#iWantToC {
	padding-left:35px;
	}
#iWantToC select {
	width:80%;
	font-size:90%;
	}
	
#signUp	{
	display:none;	
	}
#videoBox {
	display:none;	
	}		
#midcol {
	float:left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	}
	
#introTxt {
	height:auto;
	}

#newsBox {
	margin-top:20px;
	}


.latestNews {
	height:auto;
	}
	
.latestNews .u6ListItemDate	{display:none; }
.latestNews .u6ListItemAbstract	{display:none; }

#rightcol {
	float:left;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 10px;
	text-align:center;
	}
	

#qckButtons { display:none; }

#MBqckLinks {
  display:inline;	
}
.qckLinks ul {
	padding:0px;
	margin: 0px;
	list-style-type: none;
	
	}

.qckLinks li {
	margin: 0px;
	padding:0px;
	list-style-type: none;
	}
.qckLinks li#first {

	}

.qckLinks a {
	display: block;
	margin:0px;
	padding:0px;	
	letter-spacing:0.05em; 
	font-size:130%;
	font-weight:bold;
	text-align:left;
	margin-top:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	}

.qckLinks a:link {
	color: #FFF;
	background-color:transparent;
	text-decoration:none;
	padding: 12px 0px 12px 40px;
	background-repeat: no-repeat;
	background-position: 10px 12px;
	}
.qckLinks a:active {
	color: #FF0000;
	background-color:transparent;
	text-decoration:none;
	padding: 12px 0px 12px 40px;
	background-repeat: no-repeat;
	background-position: 10px 12px;
	}
.qckLinks a:visited {
	color: #FFF;
	background-color:transparent;
	text-decoration:none;
	padding: 12px 0px 12px 40px;
	background-repeat: no-repeat;
	background-position: 10px 12px;
	}
.qckLinks a:hover {
	color: #FFF;
	background-color:transparent;
	text-decoration:none;
	padding: 12px 0px 12px 40px;
	background-repeat: no-repeat;
	background-position: 10px 12px;
	opacity: .6;
	}

/* set different bg images for each link */
.qckLinks a#q01:link {
	background-image: url(/webdata/graphics/w2_m_advertiseIcon.png);
	background-color:#DB591D;
	}
.qckLinks a#q01:visited {
	background-image: url(/webdata/graphics/w2_m_advertiseIcon.png);
	background-color:#DB591D;
	}
.qckLinks a#q01:hover {
	background-image: url(/webdata/graphics/w2_m_advertiseIcon.png);
	background-color:#DB591D;
	}

.qckLinks a#q02:link {
	background-image: url(/webdata/graphics/w2_m_employIcon.png);
	background-color:#008AC6;
	}
.qckLinks a#q02:visited {
	background-image: url(/webdata/graphics/w2_m_employIcon.png);
	background-color:#008AC6;
	}
.qckLinks a#q02:hover {
	background-image: url(/webdata/graphics/w2_m_employIcon.png);
	background-color:#008AC6;
	}

.qckLinks a#q03:link {
	background-image: url(/webdata/graphics/w2_m_planningPermitIcon.png);
	background-color:#CC2186;
	}
.qckLinks a#q03:visited {
	background-image: url(/webdata/graphics/w2_m_planningPermitIcon.png);
	background-color:#CC2186;
	}
.qckLinks a#q03:hover {
	background-image: url(/webdata/graphics/w2_m_planningPermitIcon.png);
	background-color:#CC2186;
	}

.qckLinks a#q04:link {
	background-image: url(/webdata/graphics/w2_m_planningSchemeIcon.png);
	background-color:#00A089;	
	}
.qckLinks a#q04:visited {
	background-image: url(/webdata/graphics/w2_m_planningSchemeIcon.png);
	background-color:#00A089;		
	}
.qckLinks a#q04:hover {
	background-image: url(/webdata/graphics/w2_m_planningSchemeIcon.png);
	background-color:#00A089;		
	}

.qckLinks a#q05:link {
	background-image: url(/webdata/graphics/w2_m_ratesIcon.png);
	background-color:#89C13D;	
	}
.qckLinks a#q05:visited {
	background-image: url(/webdata/graphics/w2_m_ratesIcon.png);
	background-color:#89C13D;		
	}
.qckLinks a#q05:hover {
	background-image: url(/webdata/graphics/w2_m_ratesIcon.png);
	background-color:#89C13D;		
	}

.qckLinks a#q06:link {
	background-image: url(/webdata/graphics/w2_m_linksIcon.png);
	background-color:#EB3E33;	
	}
.qckLinks a#q06:visited {
	background-image: url(/webdata/graphics/w2_m_linksIcon.png);
	background-color:#EB3E33;		
	}
.qckLinks a#q06:hover {
	background-image: url(/webdata/graphics/w2_m_linksIcon.png);
	background-color:#EB3E33;		
	}

.qckLinks a#q07:link {
	background-image: url(/webdata/graphics/w2_m_wasteIcon.png);
	background-color:#00A54D;
	}
.qckLinks a#q07:visited {
	background-image: url(/webdata/graphics/w2_m_wasteIcon.png);
	background-color:#00A54D;	
	}
.qckLinks a#q07:hover {
	background-image: url(/webdata/graphics/w2_m_wasteIcon.png);
	background-color:#00A54D;	
	}

.qckLinks a#q08:link {
	background-image: url(/webdata/graphics/w2_m_yourSayIcon.png);
	background-color:#7E3BBD;		
	}
.qckLinks a#q08:visited {
	background-image: url(/webdata/graphics/w2_m_yourSayIcon.png);
	background-color:#7E3BBD;	
	}
.qckLinks a#q08:hover {
	background-image: url(/webdata/graphics/w2_m_yourSayIcon.png);
	background-color:#7E3BBD;	
	}


#cDetails { text-align:left; }

#searchForm {
	display:none;
	}
.searchBtn {
	display:none;
	}
#printLink {
	display:none;
	}
#fontSizerPos{
	display:none;
	}
#contactUs{
	display:none;
	}
	
.footerBlock	{
	clear: both;
	margin-top: 5px;
	height: auto;
	background-image:none;
	}	
#googlePos {
	display:none;
	}	
		
#footLinks {
	float:none;
	padding-top:10px;
	padding-right: 0px;	
	padding-bottom:10px;
	padding-left:10px;
	}
#fWeather {
	display:none;
	}


} /* end media */