/* \*/ 
* html .gainlayout { height: 1%; } 
/* */ 

body{
	padding:0;
	margin:0;
	text-align:center;
	background-color:#f1f3f5;
}

body, div, p, th, td, li, dd    {
    /* redundant selectors to help NS4 remember */
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color:#303233;
}


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

h1{
	font-size:1.5em;
	color:#0066B0;
	font-weight:bold;
	margin:0.3em 0 0.5em 0;
}


h2{
	font-size:1.3em;
	color:#0066B0;
	font-weight:bold;
	margin:0.3em 0 0.5em 0;
}

h3{
	font-size:1.1em;
	color:#0066B0;
	font-weight:bold;
	margin:0.2em 0 0.4em 0;
}

h4{
	font-size:1.1em;
	color:#474749;
	font-weight:bold;
	margin:0.2em 0 0.4em 0;
}

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

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

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

a:hover{
	text-decoration:none;
}

a:visited{
	color:purple;
}

a.noVisited:visited{
	color:#0046AE;
}

hr{
	clear:both;
	color:#FFFFFF;
	border-top:1px dotted #89A79E;
	margin:0.5em 0;
}

.userdata{
	COLOR: #ff0000;
}

.important{
	color:#ff0000;
}

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

li{
    font-family:  Verdana, Arial, Helvetica, sans-serif;
	margin:0.3em 0;
}

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

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




/*--------------End of general styles----------------*/


#pageContainer{
}

#pageContainerInner{
}

#accesskeys{
	display:none;
}

#headerContainer{
}

#bannerContainer, #bannerContainerHome, #bannerContainerEvents{
	width:100%;
	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;
}

/* \*/ 
* html #bannerContainer img { margin-right:-3px; } 
/* */ 


#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: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{
	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*/
}

/*------------End of top navigation list styles---------------*/

#search2{
	position:absolute; 
	top:112px; 
	right:0;
	height:20px; 
	width:150px;
}

#search2 input{
	height:22px;
	width:105px;
	border:1px solid #c0c0c0;
	font-size:1em;
	float:left;
}

#goButton input{
	width:22px;
	height:22px;
	float:left;
	border:0;
}

#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:60%;
	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%;
}

#mainSectionContentAreaHome{
}

/* \*/ 
* html #mainStory { height: 1%; } 
/* */ 


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

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


.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;
}

/* \*/ 
* html .newsContainer { height: 1%; } 
/* */ 

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

.newsText{
}

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;
}


.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;
}



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 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;
}


/*---------------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;

}


#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{
	width:100%;
	height:0.1%;
	clear:both;
}

.imgRight{
	float:right;
}

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

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

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

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

.ContactSmaller
{
	font-family : Verdana, Arial, Helvetica, MS Sans Serif;
	font-size : 12px;
	color : #0066B0;
	font-weight : bold;
}

.ContactBlack
{
	font-family : Verdana, Arial, Helvetica, MS Sans Serif;
	font-size : 12px;
	color : #000000;
	font-weight : bold;
}


/*--------------End of misc styles--------------*/


TH {
	background-color: #E1DED7;	
}

TD.purple
{
	background-color: #D4D6EC;
}
TD.lightblue
{
	background-color: #D4EEFB;
}
TD.beige {
	background-color: #EEEBE8;
}
TD.darkbeige{
	background-color: #E1DED7;
}

TD.white{
	background-color: #FFFFFF;
}

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

TD.lightbluenew{
	background-color: #e7f1fa;
}

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


/*-----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;
}

#clear_left{
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-------*/

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