/* 
-----------------------------------
-----------------------------------
Site:         www.aucklandcitycouncil.govt.nz
CSS author:   Pauline Standen
Created: 	  15 Februrary 2009
Updated:      17 July 2009
Updated by:   Pauline Standen
-----------------------------------
-----------------------------------
*/
/* 
-----------------------------------
global
-----------------------------------
*/

body
{
	/*text-align: center;*/
	margin: 0;
	padding: 0;
	background: #ffffff;  /*in here we need an image that will repeat-y set width with a border to show on the outer edge of the 1024 screen*/
	font: 81.25%/1.25 Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	/*background-color:;
	background: #fff url(/images/template/backbody.jpg) repeat-x;  /*in here we need an image that will repeat-y set width with a border to show on the outer edge of the 1024 screen*/
*/
	
}

a:link { color:#0046AE;}
a:visited { color: #614481; }
a:hover { color: #0046AE; text-decoration:none; }
a:active, a:focus { color: #0046AE; }

img { border: none; }

h1, h2, h3, h4, h5{
    font-family: Arial, Helvetica, sans-serif;
		/*font-weight:bold;*/
}

h1{
	font-size:150%;
	color:#0066B0;
	margin:0.3em 0 0.5em 0;
}


h2{
	font-size:135%;
	color:#0066B0;
	margin:0.3em 0 0.5em 0;
}

h3{
	font-size:115%;
	color:#0066B0;
	margin:0.2em 0 0.4em 0;
}

h4{
	font-size:110%;
	color:#474749;
	margin:0.2em 0 0.4em 0;
}

H5{
	font-size:100%;
	color:#474749;
	margin:0.2em 0 0.4em 0;
}
p{
	line-height:1.4em;
	margin:0.4em 0 1em 0;
}

hr{
	clear:both;  /*not sure about this bit, maybe two tags?*/
	color:#FFF;
	border-top:1px dotted #89A79E;
	margin:0.5em 0;
}

.caption, .caviat{
	font-size:0.7em;
}

.reducedText{
	font-size: 0.8em;
}

.userdata{
	COLOR: #f00;
}

.important{
	color:#f00;
}
.largerText{
	font-size: 1.2em;
}

ul, ol{
	margin:0.4em 0 1em 0;
	padding:0 0 0 40px;
}

li{
	margin:0.3em 0;
}

ul.cleanList{
	padding:0;
	list-style: none;
	border: none;
}

ul.cleanList li{
	margin: 0.3em 0;
}

ul.hardLeft{
	padding:0;
	margin:14px;
}
/*table{border-collapse: collapse}*/
/* 
-----------------------------------
container
-----------------------------------
*/

#pageContainer
{
	width: 980px;
	padding: 0;
	margin: 0 auto;
	background: #fff;
	position: relative; 
	
	
}

/* 
-----------------------------------
access keys
-----------------------------------
*/

#accesskeys{
	display:none;
	/*display:block;
	background-color: #e5ecf7;
	text-align: right;
	padding: 2px 15px 2px 0;
	font-size: 75%;
	color: #ccc;*/
	
}

/* 
-----------------------------------
header
-----------------------------------
*/

#headerContainer {
	position: relative;
	width: 980px;

}
#logo { padding: 30px 0; }
#logo img { display: block; }


#bannerContainer, #bannerContainerHome, #bannerContainerEvents{
	width:980px;
	height:110px;

}
#bannerContainer{
	text-align:right;
	background-color:#FFFFFF;

}

#bannerContainerHome{
	height:110px;
	float:right;
	background-image:url(/images/template/quilt2.gif);
	background-repeat:no-repeat;
	background-position:190px 0;
	text-align:left;
	background-color:#FFFFFF;
}
#bannerContainerEvents{
	background-image:url(/images/quilt/events.jpg);
	background-repeat:no-repeat;
	background-position:200px 0;
	text-align:left;
	/*margin: 0 0 0 200px;*/
	/*background-color:#0066B0;*/
	background-color:#2971ba;
}

#bannerContainer img{
	float:right;
	display:block;
	height:110px;
}


#logo{
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:110px;
	text-align:left;
}

#logo img{
	display:block;
}

#bannerClear{
	clear:both;
	border-bottom:14px solid #E5ECF7;
}

/*----------------
Top navigation list styles
----------------*/


#navcontainer ul
{
	min-height:24px;
	/*clear:both;*/
	/*width:806px;*/
	/*width:798px;*/
	width: 100%;
	margin:0;
	padding:0;
	color: #FFFFFF;
	float: left;
	border-top:1px solid #FFFFFF; 
	border-bottom:1px solid #FFFFFF; 
	background-image:url(/home/images/topNavBG.jpg);
	background-color:#0066b0;
	background-repeat:repeat;
}


#navcontainer ul li { 
	display: inline; 
}

#navcontainer ul li a,
#navcontainer ul li a:visited{
	padding: 0.4em 1em;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFFFFF; /*#D7E8FF;*/
	text-decoration: none;
	float: left;
	background-image:url(/home/images/topNavBG.jpg);
	background-repeat:repeat;
	border-right: 1px solid #0077dd;  /*light*/
	border-left: 1px solid #555444; /*dark*/

}

#navcontainer ul li a:hover,
#navcontainer ul li a:focus,
#navcontainer ul li a:active
{
	color: #002459;
	background-image:url(/home/images/topNavBG_ovr.jpg);
	background-repeat:repeat;
	border-right: 1px solid #97e1fa; /*dark*/
	border-left: 1px solid #97e1fa;  /*light*/
}

/*------------
search box
---------------*/


#search2{
	min-height:23px;
	width:182px;
	/*width:174px;*/
	margin:0;
	padding:0;
	color: #FFFFFF;
	float: left;
	border-top:1px solid #FFFFFF; 
	border-bottom:1px solid #FFFFFF; 
	background-image:url(/home/images/topNavBG.jpg);
	background-color:#0066b0;
	background-repeat:repeat;
}

#search2 input{
	height:23px;
	width:144px;
	border:1px solid #c0c0c0;
	font-size:1em;
	margin-right: 2px;
	float:left;
	

}

#goButton input{
	width:22px;
	height:22px;
	border:0;
	margin-right: 0;
	padding-top:2px;
}

#leftNavSearchBox input{
	padding:0;
	margin:0;
	height:22px;
	width:110px;
	margin:10px 5px;
}

input#leftNavSearchBoxButton{
	padding:0;
	margin:10px 5px;
	height:22px;
	width:2em;
	font-size:0.9em;
}

/*-----------Start of left menu nav styles -----------------*/
#leftMenuContainer{
	width:178px;
	margin:0px 6px 0 6px;
	/*background-color:#9bd2f1;*/
	/*background-color:#E5ECF7;*/
}

.leftMenuNavSection,
.leftMenuNavSectionSearch{
	width:178px;
	background-color:#DFE4E8;
	padding-bottom:5px;
	margin:0 0 10px 0;
}

.leftMenuNavSectionSearch ul{
	margin:10px;
}

.leftMenuNavSectionHeader{
	background-color:#0066B0;
	padding:5px 5px 5px 10px;
	color:#FFFFFF;
    font-family:  Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.leftMenuNavSection ul{
	margin:0;
	padding:5px 0;
	list-style-type:none;
}

.leftMenuNavSection ul li{
	padding:0;
	margin:0;
	border-bottom:1px dotted #89A79E;
}


.leftMenuNavSection a,
.leftMenuNavSection a:visited{
	display: block;
	padding: 5px 5px 5px 20px;
	color: #0046AE;
	text-decoration:none;
	background-image:url(/images/template/bullet.gif);
	background-repeat:no-repeat;
	background-position: 10px 10px;
}

.leftMenuNavSection a:hover{
	background-color: #FFFFFF;
	color: #002459;
	text-decoration:none;
	background-image:url(/images/template/bullet_ovr.gif);
	background-repeat:no-repeat;
	background-position: 10px 10px;
}

a.currentSection, 
a.currentSection:hover,
a.currentSubSection, 
a.currentSubSection:hover{
	background-color:#FFFFFF;
}


/*-------------------End of leftMenu nav styles-----------------*/ 

/*------------------Start of main section styles ---------------*/
#mainSection{
	width:100%;
	background-color:#FFFFFF;
	text-align:left;
}

#mainSectionHeaderBar, #mainSectionHeaderBarHome{
	height:2em;
	background-color:#0066b0;
	padding:5px 12px;
}

#mainSectionHeaderBarHome{
	border-bottom:3px solid #E5ECF7;
	margin:15px;
	background-color:#FFFFFF;
}


#mainSectionHeaderBarTitle, #mainSectionHeaderBarTitleHome{
	width:40%;
	height:1.2em;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
}

#mainSectionHeaderBarTitleHome{
	width:99%;
	color:#0066b0;
}

#formatToPrint{
	/*width:18%;*/
	float:right;
	text-align:right;
	color:#FFFFFF;
	font-size:0.8em;
	margin-right:5px;
}

#formatToPrint a{
	text-decoration:none;
	color:#FFFFFF;
}

#formatToPrint a:hover{
	text-decoration:underline;
}

#breadcrumbContainer{
    font-family:  Verdana, Arial, Helvetica, sans-serif;
	background-color:#CCD4D9;
	padding:4px 10px;
	color:#787D80;
	height:1.5em;
}

#breadcrumbContainer a{
	color:#0046AE;
	text-decoration:none;
}

#breadcrumbContainer a:hover{
	color:#0046AE;
	text-decoration:underline;
}

#mainSectionContentArea{
	margin:15px 0 15px 15px;
	/*width:96%;*/
	width: 760px;
}

#mainSectionContentAreaHome{
  margin: 15px 0 15px 0px;
  padding: 0 0 0 15px;
}
 #newMainStory{
	margin:10px 0 0 10px;
}
#newMainStory hr{
	color:#FFF;
	border-top:#e5ecf7 1px solid;
	margin:0.5em 0;
	width: 560px;
}
#mainStory{
	margin:10px 0 0 10px;
}

#mainStory img{
	margin:0 10px 10px 10px;
}

#mainStory ul li{
	margin:0 10px 0 260px;
}

.imgHome{
	border:1px solid #c0c0c0;
	padding:3px;
	background-color:#E5ECF7;
}

.storyContainer{
	width:250px;
	padding:10px 10px 0 10px;
	margin:0 10px 10px 10px;
	float:left;
	background-color:#E5ECF7;
	border:1px solid #c0c0c0;
}

.storyImgContainer{
	text-align:center;
	margin:10px 0;
}

.storyContainer p{
	height:9em;
}

.sectionHeaderHome{
	background-color:#0066b0;
	height:1.2em;
	padding:5px 12px;
	margin-bottom:5px;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	clear:both;
}
.newsContainer{
	width: 98%;
}

.newsImg{
	width:80px;
	height:80px;
	float:left;
	border:1px solid #c0c0c0;
	padding:3px;
	margin:5px 10px 10px 10px;
	background-color:#E5ECF7;
}

.newsText{

}
.newsImg2{
	width:80px;
	height:80px;
	float:left;
	border:1px solid #c0c0c0;
	padding:3px;
	margin:5px 10px 10px 0px;
	background-color:#E5ECF7;
}

ul#hotTopicsMenu{
	padding:5px 20px;
	list-style-type:none;
}

#hotTopicsMenu li{
	padding:0;
	margin:0;
	border-bottom:1px dotted #89A79E;
}

#hotTopicsMenu li a{
	display: block;
	padding: 5px 5px 5px 15px;
	font:arial;
	color: #0046AE;
	text-decoration:none;
	background-image:url(/images/template/bullet.gif);
	background-repeat:no-repeat;
	background-position: 4px 10px;
}

#hotTopicsMenu li a:hover{
	background-color: #FFFFFF;
	font:arial;
	text-decoration:underline;
}



/*------------------End of main section styles ---------------*/



/*-----------Start of right menu nav styles -----------------*/
#rightMenuContainer{
	width:170px;
	padding:0 10px 0 0;
	background-color:#e0e5e8;
}

.rightMenuNavSection,
.rightMenuNavSectionOnline,
.rightMenuNavSectionSuburbs{
	width:170px;
	background-color:#e0e5e8;
	padding-bottom:5px;
}


.rightMenuNavSectionOnline,
.rightMenuNavSectionSuburbs{
	background-color:#ded9c2;
	margin-bottom:10px;
}


.rightMenuNavSectionHeader,
.rightMenuNavSectionHeaderOnline,
.rightMenuNavSectionHeaderSuburbs{
	background-color:#91b7c4; 
	padding:5px 5px 5px 10px; 
	color:#e0e5e8;
    font-family:  Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.rightMenuNavSectionHeaderOnline,
.rightMenuNavSectionHeaderSuburbs{
	background-color:#9b8948; 
	color:#ded9c2;
}

.rightMenuNavSection ul,
.rightMenuNavSectionOnline ul,
.rightMenuNavSectionSuburbs ul{
	margin:0;
	padding:5px 0;
	list-style-type:none;
}

.rightMenuNavSection ul li,
.rightMenuNavSectionOnline ul li,
.rightMenuNavSectionSuburbs ul li{
	padding:0;
	margin:0;
	border-bottom:1px solid #aab1b5;
}
.rightMenuNavSectionOnline ul li.topDot,
.rightMenuNavSectionSuburbs ul li.topDot{
		border-top:1px solid #aab1b5;
}

.rightMenuNavSection a,
.rightMenuNavSection a:visited,
.rightMenuNavSectionOnline a,
.rightMenuNavSectionOnline a:visited,
.rightMenuNavSectionSuburbs a,
.rightMenuNavSectionSuburbs a:visited{
	display: block;
	padding: 5px 5px 5px 20px;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #0046AE;
	text-decoration:none;
	background-image:url(/images/template/bullet.gif);
	background-repeat:no-repeat;
	background-position: 10px 10px;
}

.rightMenuNavSection a:hover,
.rightMenuNavSectionOnline a:hover,
.rightMenuNavSectionSuburbs a:hover{
	background-color: #FFFFFF;
	color: #002459;
	text-decoration:none;
	background-image:url(/images/template/bullet_ovr.gif);
	background-repeat:no-repeat;
	background-position: 10px 10px;
}

.rightContactsMenuContainer{
	width:200px;
	padding: 9px 0 0 9px;
	float: left;
	/*background-color:#e0e5e8;*/
}


.rightContactsMenuNavSection{
	width:200px;
	background-color:#dfe4e8;
	margin-bottom:10px;
}


.rightContactsMenuNavSectionHeader{
	background-color:#0066b0; 
	padding:5px 5px 5px 10px; 
	color:#dfe4e8;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 1.1em;
	font-weight:bold;
}


.rightContactsMenuNavSection ul{
	padding:0;
	list-style: none;
	border: none;
}

.rightContactsMenuNavSection ul li{
	padding:0;
	margin: 0.7em 0 0 1em;
	/*display: block;
	padding: 5px 5px 5px 0;*/

}
.rightContactsMenuNavSection p{
	padding:0;
	margin: 0.7em 0 0 1em;
	/*display: block;
	padding: 5px 5px 5px 0;*/

}

.rightContactsMenuNavSection a,
.rightContactsMenuNavSection a:visited{
	text-decoration: underline;
	color: 000000;
}

.rightContactsMenuNavSection a:hover{
	text-decoration: none;
	color: 000000;
}

.rightContactsMenuNavSection img{
	border:1px solid #c0c0c0;
	padding:3px;
	background-color:#E5ECF7;
	margin: 0 4px 0 0;
	float: right;
}



a.noBullet,
a.noBullet:visited{
	background-image:none;
}

a.noBullet:hover{
	background-color:#e0e5e8;
	background-image:none;
}


/*------------------End of leftMenu nav styles-----------------*/ 


/*----------------Start footer styles----------------*/
#footerContainer{
	height:60px;
	background-color:#787D80;
	border-top:10px solid #E5ECF7;
	padding:10px;
}

#footerNav{
	text-align:center;
}

#footerNav ul, #copyright{
	margin-bottom:5px;
	/*margin:0 170px 0 140px;*/
	margin: 0 190px;
}

#footerNav ul li{
	margin:0.2em 0;
	display:inline;
	color:#FFFFFF;
}

#footerNav ul li a, #copyright{
	color:#FFFFFF;
	font-size:0.8em;
}

#footerLogoSpace{
	width:200px;
	position:relative;
	top:-30px;
	float:right;
	text-align:right;
}
#copyright{line-height: 18px;}

/*---------------start Service (rates) styles--------------*/
#rightServicesMenuContainer{
	width:170px;
	padding: 9px 9px 0 9px;
}
#rightServicesMenuContainer2{
	width:170px;
	padding: 9px 9px 0 9px;
}
#rightServicesMenuContainer3{
	width:170px;
	padding: 9px 9px 0 9px;
}

.rightServicesMenuNavSection{
	width:170px;
	background-color:#e0e5e8;
}

.rightServicesMenuNavSection2{
	width:170px;
	background-color:#FF6666;
}

.rightServicesMenuNavSection3{
	width:170px;
	background-color:#ded9c2;
}

.rightServicesMenuNavSectionHeader{
	background-color:#87aca1; 
	padding:5px 5px 5px 10px; 
	color:#ffffff;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 1.1em;
	font-weight:bold;
}

.rightServicesMenuNavSectionHeader2{
	background-color:#990000; 
	padding:5px 5px 5px 10px; 
	color:#ffffff;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 1.1em;
	font-weight:bold;
}

.rightServicesMenuNavSectionHeader3{
	background-color:#9b8948; 
	padding:5px 5px 5px 10px; 
	color:#ffffff;
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 1.1em;
	font-weight:bold;
}

.rightServicesMenuNavSection ul{
	margin:5px;
	padding:0 0;
	list-style-image : url(../../../images/arrow2.gif);
}

.rightServicesMenuNavSection ul li{
	padding:0;
	margin:0;
	margin-left: 20px;
	/*display: block;*/
	padding: 5px 5px 5px 0;

}

.rightServicesMenuNavSection a,
.rightServicesMenuNavSection a:visited{
	text-decoration: underline;
	color: 000000;
}

.rightServicesMenuNavSection a:hover{
	text-decoration: none;
	color: 000000;
}

.twoPaddedColumn{
	width:43%;
	float:left;
	margin-right : 30px;
}
.twoPaddedColumn2{
	width:45%;
	float:left;

}

.morePadding{
	padding: 6px;
}

#sectionMainStoryContainer{
	margin:10px 10px 0 0;
}

.sectionMainStory{
	padding: 0 5px 0 0;

}

.sectionMainStory ul{
	margin-top: 0;

}

.sectionMainStory ul li{
	margin-left:26px;

}

.sectionMainStoryimg{
	float:left;
	border:1px solid #c0c0c0;
	padding:3px 3px 3px 3px;
	margin:5px 10px 10px 0px;
	background-color:#E5ECF7;

}

.parioSearch {
	width:140px;
	float:left;
	padding:0px;
	margin:0px;
	text-align:center;
	text-decoration:none;
	/*background-color:#a7c1b8;*/
}

.parioSearch a,
.parioSearch a:visited{
	display:block;
	margin:5px 10px;
	padding:3px;
	color:#0073bb;
	background-color:#ecf2ef;
	border:1px solid #87aca1;
	text-decoration:none;
	font-weight:bold;
}

.parioSearch a:hover{
	text-decoration:underline;
}

.twoColumnServices{
	width: 270px;
	float:left;
}
.twoColumnServices2 .twoColumnProjects{
	float:left;
	margin-right : 10px;
}
.twoColumnProjects{
	width: 350px;
	float:left;
}
/*-------------- end Services (rates)  styles ----------*/

/*-------------- start A to Z services styles ----------*/

#atoznavcontainer p {
	min-height:24px;
	clear:both;
	margin:0;
	padding:3;
	color: #0073bb;
	border-top:1px dotted #89A79E;
	border-bottom:1px dotted #89A79E;
}

#atoznavcontainer p a,
#atoznavcontainer p a:visited{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	color: #0073bb; 
	text-decoration: none;
}

#atoznavcontainer p a:hover{
	text-decoration: underline;
}
#atoznavcontainer p a.noContent,
#atoznavcontainer p a.noContent:visited{
	color: #aab6be; 
}

#atozcontentcontainer ul li  {
		margin:0;
		padding: 0.27em;
		margin-left : -2em;
		list-style : none;
		
}

#atozcontentcontainer ul li a,
#atozcontentcontainer ul li a:visited {
	/* font-weight: bold; */
	font-size: 1.08em
}

/*-------------- end A to Z services styles ----------*/
/*---------------start services (building) styles --------*/


.imgLeft{
	float:left;
        margin:10px 10px 0 0;
}

.imgLeft img{
	padding:3px;
	margin:0 0 10px 10px;
	border:1px solid #c0c0c0;
	background-color:#E5ECF7;
}

.twoColumnBuilding{
	/* width: 125px;*/
	float:left;

}
.twoColumnBuilding2{
	float:left;
	margin-right : 10px;
	width: 70%;


}
/*---------------end services (building) styles --------*/
/*--------------Start of misc styles--------------*/

.logon{
	width:150px;
	float:left;
	padding:3px;
	margin:5px;
	text-align:center;
	text-decoration:none;
	background-color:#c7d3ec;
}

.logon a,
.logon a:visited{
	display:block;
	margin:5px 10px;
	padding:3px;
	color:#0073bb;
	background-color:#e0e7f5;
	border:1px solid #2e7dc1;
	text-decoration:none;
	font-weight:bold;
}

.logon a:hover{
	text-decoration:underline;
}

.logon h3{
	margin-bottom:10px;
	height:2.5em;
}

.blueblock{
 /* set the width for this in the div if required */
	/*width:200px;*/
	display: block;
	padding:12px;
	/*margin:5px;*/
	text-align:left;
	background-color:#e7f1fa;
}


.clearBoth{
	clear:both;
}

.imgRight{
	float:right;
}

.imgRight img{
	padding:3px;
	margin:0 0 10px 10px;
	border:1px solid #c0c0c0;
	background-color:#E5ECF7;
}


.imgLeft{
	float:Left;
}
.imgLeft img{
	padding:3px;
	margin:0 10px 10px 0;
	border:1px solid #c0c0c0;
	background-color:#E5ECF7;
}

.caption220{
	font-size:0.8em;
	color:#333333;
	text-align:justify;
}

.contentImageRight, .contentImageLeft, .contentImageNoFloat{
/* set the width of the image in the div tag */
	border-bottom: 1px solid #89A79E;
}

.contentImageRight{
	float: right;
	margin: 0 0 10px 10px;
}

.contentImageLeft{
	float: left;
	margin: 0 10px 10px 0;
}

.contentImageNoFloat{
	margin: 0 0 10px 0;
}	

.contentImageRight p, .contentImageLeft p, .contentImageNoFloat p{
	margin-bottom: 4px;
	padding: 0 4px;
	font-size: 0.8em;
}
.contentImageRight img, .contentImageLeft img, .contentImageNoFloat img {
	border: 1px solid #89A79E;
}
.contentImageRight img.noBorder, .contentImageLeft img.noBorder, .contentImageNoFloat img.noBorder{
	border: none;
}


.twoColumn{
	width:49%;
	float:left;
}

.ContactLarge
{
	font-family : Verdana, Arial, Helvetica, MS Sans Serif;
	font-size : 26px;
	color : #0066B0;
	font-weight : normal;
	line-height: 1.5em;
}



a.contactButton, a.contactButton:hover, a.contactButton:visited, a.contactButton:active{
	line-height: 2em;
	text-decoration: none; 
	border: solid 1px #404040; 
	color: #fff; 
	font-weight: bold; 
	background: #6699FF; 
	padding: 3px 5px 3px 5px;
}



/*--------------End of misc styles--------------*/
/*----- level 1 default page styles-----*/

div.promoBlock{
	width: 760px;
}

div.promoBlock img{
	float:left;
	margin: 0px 20px 0px 0px;
	border: 1px solid #ccc;
}

div.promoBlock ul{
	margin-left: 280px;
}

div.sectionBlock {
	width: 346px;
	margin: 10px 10px 0 0;
	padding: 10px;
	float: left;
	border: 1px solid #A2AFB7;
	height: 140px;
	background-color:#edf0f2;
	
}
div.sectionBlock img{
	margin-right: 20px;
	border: none;
	float: left;
}
div.sectionBlock ul{
	margin-left: 100px;
}
div.sectionBlock h2{
	color: #000;
}

/*-----end level 1 default page styles-----*/




/*-----high level default page styles-----*/
#default_pod_right{
float:left;
}

#default_pod_left{
float:left;
}

#default_main_story{
width: 760px;
padding-left: 5px;
margin-top:20px;
}

#default_main_story ul{
margin-left:305px;
}

#default_main_story img{
float:left;
margin: 0px 20px 0px 0px;
border: 1px solid #ccc;
}

.clearleft{
clear:left;
}

#your_council_pod{
margin: 10px 5px 10px 5px;
padding:10px;
float:none;
width:365px;
height: 140px;
background-color:#edf0f2;
border: 1px solid #A2AFB7;
}

#your_council_pod img{
float:left;
margin: 0px 20px 50px 0px;
border: 1px solid #666;
}

#your_council_pod ul{
margin-left: 100px;
}

#your_council_pod h3{
color:#000000;
}

#about_city_pod{
margin: 10px 5px 10px 5px;
padding:10px;
float:none;
width:365px;
height: 180px;
background-color:#edf0f2;
border: 1px solid #A2AFB7;
}

#about_city_pod img{
float:left;
margin: 0px 20px 50px 0px;
border: 1px solid #666;
}

#about_city_pod ul{
margin-left: 100px;
}

#about_city_pod h3{
color:#000000;
}

#leisure_pod{
margin: 10px 5px 10px 5px;
padding:10px;
float:none;
width:365px;
height:140px;
background-color:#edf0f2;
border: 1px solid #A2AFB7;
}

#leisure_pod img{
float:left;
margin: 0px 20px 50px 0px;
border: 1px solid #666;
}

#leisure_pod ul{
margin-left: 100px;
}

#leisure_pod h3{
color:#000000;
}


/*-----end high level default page styles-------*/
.thinBorder{
	border: 1px solid #808080;}

td.sand {
	background-color: #f0eee9;
}
.searchBoxLabels{
	font-size: xx-small;
	background-color: #f0eee9;
}

.ProjectsTable{
	border: 1px solid #c6bda3;
}
/*-----end TYP section styles-------*/
/*-----start general columns  styles-------*/
div.col570{
	float: Left;
	width: 570px;
	padding: 0 0 0 0;
	margin: 0 7px 0 0;
}
div.col540{
	float: Left;
	width: 540px;
	padding: 0 0 0 0;
	margin: 0 7px 0 0;
}
div.col170{
	float: left;
	width: 170px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div.col170 ul li{
	padding-bottom: 2px;
}
div.col170 p {
	margin-bottom: 2px;
}

div.col280 {
	float: left;
	width: 280px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

div.col280 ul {
	padding-left: 20px;
}

div.col50pc{
	float: left;
	width: 48%;
	border: 1px solid #c0c0c0;
	margin: 0 10px 10px 0;
}
.colContent{
	padding: 2px 2px 2px 10px;
}

h4.colHeaderSand{
	background-color: #998648;
	padding: 6px 2px 6px 6px;
	margin: 0;
	font-weight: bold;
	display: block;
	color: #f0eee9;
	font-weight: bold;
}
h4.colHeaderSky{
	background-color: #00a3df;
	margin: 0;
	display: block;
	color: #e7f1fa;
	padding: 6px 2px 6px 6px;
	font-weight: bold;
}
h4.colHeaderMarine{
	background-color: #006bb7;
	margin: 0;
	display: block;
	color: #e0e7f5;
	padding: 6px 2px 6px 6px;
	font-weight: bold;
}
h4.colHeaderMoss{
	background-color: #87aca1;
	margin: 0;
	display: block;
	color: #ecf2ef;
	padding: 6px 2px 6px 6px;
	font-weight: bold;
}
h4.colHeaderMedMoss{
	background-color: #DFE9E5;
	margin: 0;
	display: block;
	color: #333;
	padding: 6px 2px 6px 6px;
	font-weight: bold;
	border-bottom: 1px solid #c0c0c0;
}
h4.colHeaderSilver{
	background-color: #959ca1;
	margin: 0;
	display: block;
	color: #f1f3f5;
	padding: 6px 2px 6px 6px;
	font-weight: bold;
}
h4.colRoyalComm{
	background-color: #448496;
	margin: 0;
	display: block;
	color: #eefbfe;
	padding: 6px 2px 6px 6px;
	font-weight: bold;
}



/*-----end general columns  styles-------*/
/* ---------general form styles------------*/
.subscribeButton{
	color: #0073bb; 
	font-family: Verdana; 
	font-size: 0.9em; 
	font-weight: bold;
	border: 1px solid #87aca1; 
	padding-left: 0; 
	padding-right: 0; 
	padding-top: 1px; 
	padding-bottom: 1px; 
	background-color: #ecf2ef;
}
/*-------end general form styles-------*/
/*-----start bgcolors  styles-------*/
.purple
{
	background-color: #D4D6EC;
}
.lightblue
{
	background-color: #D4EEFB;
}
.beige {
	background-color: #EEEBE8;
}
.darkbeige, .darkBeige{
	background-color: #E1DED7;
}

.white{
	background-color: #FFFFFF;
}

.darkgrey{
	background-color: #666666;
}
.lightgrey{
	background-color: #E0E0E0;
}
.moss{
	background-color: #DFE9E5;
}
.lightmoss{
	background-color: #ECF2EF;
}
.mediumbluenew{
	background-color: #d1e6f7;
}

.lightbluenew{
	background-color: #e7f1fa;
}
.lightsand{
	background-color: #f0eee9;
}
.lightred{
	background-color: #edc3c7;
}
th {
	background-color: #E1DED7;	
	text-align: left;
	font-weight: bold;
	padding: 4px;
}

.bgSand{background-color: #f0eee9;}
.bgMoss{background-color: #ecf2ef;}
.bgSilver{background-color: #f1f3f5;}
.bgSky{background-color: #e7f1fa;}
.bgMarine{background-color: #e0e7f5;}
.bgTeal{background-color: #d1e0e3;}


.linegrey {
	background-color: #cccccc;
}	
.linewhite {
	background-color: #ffffff;
}


/*-----end bgcolors  styles-------*/
/* tack on alignments */
.aCenter{
	text-align: center;
}
.aRight{
	text-align: right;
}

/*------table hovers------*/
table.withHovers tr:hover{
	background-color: #EEEBE8;
}
table.withHovers th{
	background-color: #d1e6f7;
}
table.withHoversSand tr:hover{
	background-color: #f0eee9;
}
table.withHoversSand th{
	background-color: #fff;
}


/*----------HGI District plan mark up styles---------------*/

#wrapper{
margin-left: 0;
padding-left: 10px;
font-family:verdana;
font-size: 0.8em;
}

.contents{
line-height : 60%;

}

.ref{

	color:#F00;
	font-family: Arial;
	font-weight:bold;
	font-size: 0.8em;
	/*float:left;*/

	
}

#ref {
	border-left: 1px solid #F00;
	margin-left: -6px;
	padding-left: 6px;
}

/*----------end HGI District plan mark up styles---------------*/

/*my backyard styles*/

div.mbyContent{
	width: 566px;
	float: left;
}

div.mbyIntro{
	/*background-color: #e9f0df;*/
	background-color: #e8efe8;
	padding: 6px 12px 0 12px;
	margin: 0 0 6px 0;
	width: 542px;
	float: left;
}

div.mbyNews{
    float: left;
	background-color: #e9f0df;
	width: 566px;
	padding: 0;
	margin: 0 0 6px 0;
}
div.mbyNews img.headingBanner {
	margin: 0;
	clear: left;
}


div.mbyNews div.mbyMainLeft{
  float: left;
   width: 272px;
   margin: 6px 0 6px 0;
	padding: 0 12px 0 12px;
	border-right: 3px solid #fff;
}
div.mbyNews div.mbyMainLeft p, div.mbyNews div.mbyMainLeft h4{
   padding-left: 6px;
}

div.mbyNews h1 {
	margin:0;
	padding: 0
}

div.mbyNews div.mbyMainRight{
	float: left;
	width: 240px;
	padding: 6px 12px 6px 12px;
}
div.mbyNews div.mbyMainFull{
	 float: left;
   width: 540px;
   margin: 6px 0 6px 0;
	padding: 0 12px 0 12px;
}
div.mbyNews div.mbyMainRight h2, div.mbyNews div.mbyMainFull h2{
	color: #588527;
	font-size: 150%;
	padding-top: 6px;
}
div.mbyNews div.mbyMainRight ul{
	padding: 0 18px;
}

div.mbyRightNav {
margin: 0 0 0 20px;
  float: left;
	width: 170px;

}
div.mbyRightNav div.blockSand{
	background-color: #edeae1;
	border-bottom: 3px solid #a69a6f;
	margin: 0 0 12px 0;
	padding: 10px 0;
}
div.mbyRightNav div.blockSand h3{
	display: block;
	background-color: #a69a6f;
	color: #fff;
}
div.mbyRightNav div.blockTree{
/*	background-color: #dde6d2;*/
		background-color: #e9f0df;
	border-bottom: 3px solid #588527;
	margin: 0 0 12px 0;
	padding: 0;
}
div.mbyRightNav div.blockWilPromo{
	/*background-color: #e9f0d7;*/
	background-color: #e9f0df;
	border-bottom: 3px solid #97bc5f;
	margin: 0 0 12px 0;
	padding: 10px 0;
}

div.mbyRightNav div.blockTree h3{
	display: block;
	margin: 0 0 0 0;
	padding: 6px 10px 6px 10px;
	background-color: #588527;
	color: #fff;
	font-size: 110%;
}
div.mbyRightNav div.blockNature{
	background-color: #e9f0df;
	border-bottom: 3px solid #97bc5f;
	margin: 0 0 12px 0;
	padding: 10px 0;
}
div.mbyRightNav div.blockNature h3{
	display: block;
	margin: 0 0 0 0;
	padding: 6px 10px 6px 10px;
	background-color: #97bc57;
	color: #fff;
	font-size: 110%;
}
h4.reps{margin: 0;display: block; background-color: #bfc9ac; font-size: 95%; padding: 4px 2px 4px 10px;}
div.mbyRightNav div.blockSand p, div.mbyRightNav div.blockMoss p, div.mbyRightNav div.blockTree p, div.mbyRightNav div.blockNature p, div.mbyRightNav div.blockWilPromo p{
	margin: 2px 10px;
}
div.mbyRightNav div.blockMoss{
	background-color: #ecf2ef;
	border-bottom: 3px solid #87aca1;
	margin: 0 0 12px 0;
	padding: 0 0 10px 0;
}
div.mbyRightNav div.blockMoss h3{
	display: block;
	margin: 0 0 0 0;
	padding: 6px 10px 6px 10px;
	background-color: #87aca1;
	color: #fff;
	font-size: 110%;
}
div.mbyRightNav div.blockMoss ul.nav{
	 margin: 0;
	 padding: 0;
}
div.mbyRightNav div.blockMoss ul.nav li{
	 list-style-type: none;
	 padding: 0;
	 margin: 0;
	 border-bottom: 1px dotted #ccc;
}
div.mbyRightNav div.blockMoss ul.nav li a{
 display: block;
 text-decoration: none; 
 margin: 0;
}
div.mbyRightNav div.blockMoss ul.nav li a span{
  padding: 5px 20px;
    display: block;
}
div.mbyRightNav div.blockMoss ul.nav li a:hover span{
  padding: 5px 20px;
  display: block;
  background-color: #d4e1db;
}
div.mbyRightNav div.blockMoss ul.reps, div.mbyRightNav div.blockTree ul.reps, div.mbyRightNav div.blockNature ul.reps{
	 margin: 0;
	 padding: 0;
}
div.mbyRightNav div.blockMoss ul.reps li, div.mbyRightNav div.blockTree ul.reps li, div.mbyRightNav div.blockNature ul.reps li{
	 list-style-type: none;
	 padding: 0;
	 margin: 0;
	 border-bottom: 1px dotted #ccc;
}
div.mbyRightNav div.blockMoss ul.reps li a, div.mbyRightNav div.blockTree ul.reps li a, div.mbyRightNav div.blockNature ul.reps li a{
 display: block;
 text-decoration: none; 
 margin: 0;
}
div.mbyRightNav div.blockMoss ul.reps li a img, div.mbyRightNav div.blockTree ul.reps li a img, div.mbyRightNav div.blockNature ul.reps li a img{
float: right;
}
div.mbyRightNav div.blockMoss ul.reps li a span, div.mbyRightNav div.blockTree ul.reps li a span, div.mbyRightNav div.blockNature ul.reps li a span{
  padding: 5px 20px;
    display: block;
}
div.mbyRightNav div.blockMoss ul.reps li a:hover span, div.mbyRightNav div.blockTree ul.reps li a:hover span, div.mbyRightNav div.blockNature ul.reps li a:hover span{
  padding: 5px 20px;
  display: block;
  background-color: #d4e1db;
}
div.mbyRightNav div.blockMoss ul.reps li a span span.caviat, div.mbyRightNav div.blockTree ul.reps li a span span.caviat, div.mbyRightNav div.blockNature ul.reps li a span span.caviat{
	padding: 0;
}
div.mbyRightNav h3.sand{
	
}


div.mbyEventListing{
	 width: 540px;
    min-height: 120px;
    border-bottom: 2px solid #dde6d2;
    margin-bottom: 8px;
   padding-bottom: 6px;
   margin-left: 12px;
   clear:both;
   overflow: auto;
   padding-right: 0;
   position: relative;
   overflow:hidden;
}

div.mbyEventListing div.image {
	float: left;
    width: 138px;
    margin: 2px 0 2px 0;
}

div.mbyEventListing  div.details {
 float: left;
 width: 396px;
 margin: 2px 2px 2px 4px;
 padding-left: 0;
 }
div.mbyEventListing div.details p{
	margin-top: 0px;
	margin-bottom: 4px;
	padding-top: 0;

}
li.mbyER span{min-height: 40px;}

p.moreLink{
 text-align: right;
 margin-right: 4px;
 margin-top: 0;
 padding-top:0;
 
}
 div.mbyContent img.whiteBorder{
	border: 3px solid #fff;
}

div.ie8message{
	display: none;
}
/*homepage*/
div#twitter_div ul
{
list-style-type: none;
margin-left: 0px;
padding: 2px 2px 2px 2px;
}
 div#twitter_div ul a {
	display: inline;
	padding: 0;
	color: #0046AE;
	text-decoration:none;
	background-image:none;
	font-size: .9em;
}
div#twitter_div ul li
{
font-size: .85em;
list-style-type: none;
margin-left: 0px;
padding: 6px 2px;
border-bottom:1px dotted #89A79E;
line-height: 1.2em;
}
div#twitter_div ul li a:hover{background-color: #DFE4E8}
#rightMenuContainer{background-color: #E5ECF7;}
td.rightMenu{ padding-left: 10px;}
/*#leftMenuContainer{background-color:#E5ECF7; }*/

#footerContainer ul.nav{font-size: .85em; color:#fff; margin-left:12px;padding-left:10px;}
#footerContainer ul.nav li, #footerContainer ul.nav li a{color:#fff;}
#footerContainer div.navBox{float: left; width: 180px; font-size: .85em; color:#fff;margin:0 6px;}
#footerContainer, #footerNav, #footerLogoSpace{height: auto;}

div.homeLogo1{width: 200px; float: left; text-align: center;}
div.homeLogo2{width: 180px; float: left; text-align: center;}
div.homeLogo3{width: 200px; float: left; text-align: center;}

div.homeLogo{float: left; text-align: center; margin: 0 10px;}

div.rightEmail{background-image: url(/images/email.jpg); height: 25px; padding-left:50px; padding-top:15px; color:#fff;}
div.rightHouse{background-image: url(/images/house.jpg); height: 25px; padding-left:50px; padding-top:15px; color:#fff;}
div.rightMouse{background-image: url(/images/keyboard.jpg); height: 25px; padding-left:50px; padding-top:15px; color:#fff;}
div.rightGreenFade{background-image: url(/images/greengradient.jpg); background-repeat: repeat-x;  color:#fff;}
div.rightBlueFade{background-image: url(/images/bluegradient.jpg); background-repeat: repeat-x;  color:#fff;}

div.rightMenuNavSectionHeaderOnline{background-color:#87aca1; color:#ecf2ef;}
div.rightMenuNavSectionOnline{background-color: #dfe9e5;}
div.rightBgGreen{background-color: #ecf2ef;}

div.sectionHeaderHome{background-color:#2e7dc1;}
div.sectionHeaderHome{background-color:#E5ECF7; color:#006bb7}
.rightMenuNavSectionOnline p{padding-left: 4px;}

.rightMenuNavSectionOnline input.wilGo {margin-left: 130px; margin-top: 6px;}

#footerContainer div.navBox b{
	margin-left: 6px; 
}
img.imgNone{padding:0px;margin:0;border:0px; background:none;}
/*
.imgHome{
	border:1px solid #c0c0c0;
	padding:0px;
}
.newsImg{
	padding:0px;
}*/


#footerMobile{
	display: hidden;
}