@charset "utf-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

body {
	font: 100% Arial, Helvetica, sans-serif;
	color: #271965;
	background: #393A96 url(../images/page_bg.gif) top repeat-x;
}

body.admin {
	font: 100% Arial, Helvetica, sans-serif;
	color: #271965;
	background: #ae2c48 url(../images/admin_bg.gif) top repeat-x;
}

p {
	font-size: 0.8em;
	padding: 0.5em 0;
	line-height: 1.5em;
}


a {
	text-decoration: none;
	color: #0292B0;
}

a:hover {
	text-decoration: underline;
}

ol {
	font-size: 0.8em;
	margin: 0.5em 3em;
}

/* Layout Divs */

#container {
	background: #fff;
	width: 984px;
	margin: 0 auto;
	overflow:hidden;
}

#mainPage {
	display:block;
}

	#header {
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	
	#header a{
		text-decoration: none;
		color: #ffffff;
	}	

	.residents #header {
		background: url(../images/header_residents.jpg) right no-repeat;
	}
	
	.business #header {
		background: url(../images/header_business.jpg) right no-repeat;
	}
	
	.council #header {
		background: url(../images/headerr_council.jpg) right no-repeat;
	}
	
	.visitors #header {
		background: url(../images/header_visit.jpg) right no-repeat;
	}

		img.coblogo {
			display:block;
			padding: 0.5em 1em;
		}
		
		#entireSite {
			position: absolute;
			top: 87px;
			right: 0.6em;
		}
		
		#entireSiteLinks {
			width:280px;
		}		
		
		#search {
			position: absolute;
			top: 30px;
			right: 0.5em;
			width: 12em;
		}
		
			#search label {
				font-size: 0.8em;
				font-weight: bold;
				color: #fff;
			}
			
			.home #search label, .visitors #search label {
				color: #271965;
			}
			
		#search2 {
			right: 0.5em;
			width: 12em;
		}
		
			#search2 label {
				font-size: 0.8em;
				font-weight: bold;
			}			
			
		#home {
			background: #393996;
			color: #fff;
			width: 190px;
			float: left;
		}
					
		#residents {
			background: #B2314A;
			color: #fff;
			width: 246px;
			float: left;
		}
		
		#residents a {
			text-align:center;
		}
		
		#business {
			background: #0292B0;
			color: #fff;
			width: 246px;
			float: left;
		}

		#business a {
			text-align:center;
		}
		
		#council {
			background: #FFD51E;
			color: #fff;
			width: 246px;
			float: left;
		}
		
		#council a {
			text-align:center;
		}
			
		#visitors {
			background: #777;
			color: #fff;
			width: 246px;
			float: left;
		}

		#visitors a {
			text-align:center;
		}
		
			#home label, #residents label, #business label, #council label, #visitors label {
				font-weight: bold;
				font-size: 0.8em;
				display: block;
			}
			
			
				#home label a, #residents label a, #business label a, #council label a, #visitors label a {
					color: #fff;
					display: block;
					text-decoration: none;
				}
				
				#council label a {
					color: #666;
				}
				
				#council label a:hover {
					color: #000;
				}
				
					#home label a img, #residents label a img, #business label a img, #council label a img, #visitors label a img {
						padding: 4px;
					}
					
					#home label a span, #residents label a span, #business label a span, #council label a span, #visitors label a span {
						display: block;
						padding: 0.5em;
					}
				
				#home label a:hover {
					background: #1f1f56;
				}
				
				#residents label a:hover {
					background: #8c1830;
				}
				
				#business label a:hover {
					background: #0d778c;
				}
				
				#council label a:hover {
					background: #ffb31f;
				}
				
				#visitors label a:hover {
					background: #555;
				}
			
			#home select, #residents select, #business select, #council select, #visitors select {
				width: 246px;
			}
			
/* Breadcrumb Bar */

	.home #breadcrumb {
		height: 15px;
	}

	#breadcrumb {
		font-size: 0.75em;
		color: #ccc;
		padding: 0.5em;
	}
	
		#breadcrumb a {
			color: #fff;
			text-decoration: none;
		}
		
		#breadcrumb a:hover {
			text-decoration: underline;
		}
		
		.home #breadcrumb {
			background: #393996;
		}
		
		.residents #breadcrumb {
			background: #B2314A;
		}
		
		.business #breadcrumb {
			background: #0292B0;
		}
		
		.council #breadcrumb {
			background: #FFD51E;
			color: #666;
		}
		
		.council #breadcrumb a {
			color: #000;
		}
		
		.visitors #breadcrumb {
			background: #777;
		}

/* Admin Menu Bar */

	#adminMenu {
		padding: 1em 1em 1em 1em;
		background-color:#FF0000;
		color:#CCCCCC;
		font-size:0.8em;
	}
	#adminMenu a{
		color: #FFFFFF;
	}	
	
/* Content */

	#content {
		padding: 1em 1em 1em 205px;
		background: url(../images/content_bg.gif) top repeat-y;
	}
	
	#content ul {
		font-size: 0.8em;
		padding: 0.5em 1em;
		line-height: 1.5em;
	}
	
	#content.full {
		padding: 1em;
		background: none;
	}
		
		#content h1 {
			display: block;
			height: 100px;
			position: relative;
			margin-bottom: 0.5em;
		}
		
			#content h1 span.text {
				color: #fff;
				width: 60%;
				display: block;
				position: absolute;
				bottom: 0.1em;
				left: 0.5em;
				font-size: 0.8em;
			}
			
				
			
			#content h1 span.note {
				display: block;
				color: #fff;
				height: 100px;
				width: 175px;
				border-left: 1px solid #fff;
				position: absolute;
				right: 0;
				font-size: 0.4em;
				font-weight: normal;
				text-align: right;
			}
			
				#content h1 span.note span {
					padding: 1em;
					display: block;
				}
				
					#content h1 span.note span a {
						color: #fff;
						text-decoration: underline;
					}
	
		.home #content h1 {
			background: #393996;
		}
		
			.home #content h1 span.note {
				background: #1f1f56;
			}
			
		.residents #content h1 {
			background: #B2314A;
		}
		
			.residents #content h1 span.note {
				background: #8c1830;
			}
		
		.business #content h1 {
			background: #0292B0;
		}
		
			.business #content h1 span.note {
				background: #0d778c;
			}
		
		.council #content h1 {
			background: #FFD51E;
		}
		
			.council #content h1 span.text {
				color: #666;
			}
			.council #content h1 span.note {
				background: #ffb31f;
			}
		
		.visitors #content h1 {
			background: #777;
		}
		
			.visitors #content h1 span.note {
				background: #333333;
			}
			
		#content table td {
			font-size:12px;
		}
/* News */

	#news {
		margin: 0;
		list-style: none;
		font-size: 1.2em;
	}
	
		#news li {
			border-bottom: 1px solid #CCC;
			margin-bottom: 0.5em;
			font-size: 1.2em;
		}
		
			#news li a {
				font-size: 0.8em;
			}
			
	#content p.newstitle {
		font-size: 1em;
		color: #393996;
		font-weight: bold;
	}
		
	#colLeft #news {
		font-size: 0.8em;
		margin: 0 1em 0 1em;		
	}
	
		#colLeft #news li {
			padding: 0.5em 0;
			margin: 0.5em 0;
		}
	
	#colLeft p.newsHead {
		padding: 1em;
		font-weight: bold;		
	}
			
/* Index Links */

	#indexLinks {
		list-style-position: inside;
		font-size: 0.8em;
		width: 100%;
		overflow: hidden;
		padding: 0.5em;
	}
	
		#indexLinks li {		
			float: left;
			width: 250px;	
		}
		
			#indexLinks a {
				text-decoration: none;
				color: #333;
			}
			
			#indexLinks a:hover {
				color: #999;
			}
	
	
/* Left Column */
	
		#colLeft {
			float: left;
			width: 190px;
			overflow: hidden;
			padding: 1em 0;
			position: relative;
		}
		
/* Left Column Links */

	#links {
		list-style: none;
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	
		#links li {
			width: 100%;
			float: left;
		}
	
		#links a {
			display: block;
			padding: 0.2em 0.5em;
			border-bottom: 1px solid #fff;
			color: #fff;
			text-decoration: none;
			font-size: 0.8em;
		}
		
		#links a:hover {
			background: #999;
			color: #fff;
		}
		
	.home #links {
		background: #393996;
	}
	
		.home #links .head {
			background: #1f1f56;
		}
		
	.residents #links {
		background: #B2314A;
	}
	
		.residents #links .head {
			background: #8c1830;
		}
	
	.business #links {
		background: #0292B0;
	}
	
		.business #links .head {
			background: #0d778c;
		}
	
	.council #links {
		background: #FFD51E;
	}
	
		.council #links a {
			color: #000;
		}
		
		.council #links .head {
			background: #ffb31f;
			color: #666;
		}
		
			.council #links .head a {
				color: #666;
			}
	
	.visitors #links {
		background: #777;
	}
	
		.visitors #links .head {
			
			background: #333333;
		}
	
	#relatedLinks {
		list-style: none;
		width: 100%;
		overflow: hidden;
	}
	
		#relatedLinks li {
			width: 100%;
			float: left;
		}
	
		#relatedLinks a {
			display: block;
			padding: 0.2em 0.5em;
			border-bottom: 1px solid #fff;
			color: #fff;
			text-decoration: none;
			font-size: 0.8em;
			background: #777;
		}
		
		#relatedLinks a:hover {
			background: #999;
		}
		
		p.relatedTitle {
			display: block;
			padding: 0.2em 0.5em;
			border-bottom: 1px solid #fff;
			color: #fff;
			text-decoration: none;
			font-size: 0.8em;
			background: #666;
			margin-top: 1em;
			height: 
		}
		
	#relatedVideo {
		list-style: none;
		width: 100%;
		overflow: hidden;
	}
	
		#relatedVideo li {
			width: 100%;
			float: left;
		}
	
		#relatedVideo a {
			display: block;
			padding: 0.2em 0.5em;
			border-bottom: 1px solid #fff;
			color: #fff;
			text-decoration: none;
			font-size: 0.8em;
			background:#393996;
		}
		
		#relatedVideo a:hover {
			background:#999999;
		}
		
		p.relatedVideoTitle {
			display: block;
			padding: 0.2em 0.5em;
			border-bottom: 1px solid #fff;
			color: #fff;
			text-decoration: none;
			font-size: 0.8em;
			background:#1F1F56;
			margin-top: 1em;
			height: 
		}		
		
/* Sitemap lists */

	#residentsList, #businessList, #councilList, #visitorsList {
		width: 25%;
		float: left;
		
	}
	
		#residentsList ul, #businessList ul, #councilList ul, #visitorsList ul {
			font-size: 0.8em;
			margin: 0.5em 0.5em 0.5em 1.5em;
		}
		
			#residentsList p a, #businessList p a, #councilList p a, #visitorsList p a {
				display: block;
				padding: 0.5em;
				font-weight: bold;
				color: #fff;
			}
		
		#residentsList p a {
			background: #B2314A;
		}
		
		#businessList p a {
			background: #0292B0;
		}
		
		#councilList p a {
			background: #FFD51E;
		}
		
		#visitorsList p a { 
			background: #555;
		}
	
	p.siteHead {
		display: block;
		padding: 0.5em;
		font-weight: bold;
		color: #fff;
	}
	
/* group contact listings */
fieldset.groupDetails {
			border: 1px solid #ccc;
			padding: 0.5em;
			margin: 1.0em 0;
		}
fieldset.groupDetails legend {
				padding: 0 0.5em;
				font-weight:bold;
				font-size:0.8em;

			}
			
			fieldset.groupDetails label {
				float:left;
				margin: 0.8em 0;
				height: 20px;
				line-height: 20px; 
				font-weight:bold;
				clear:left;
				font-size:0.8em;
				width:120px;
			}
			
			fieldset.groupDetails span {
				float:left;
				margin: 0.8em 0;
				height:20px;
				line-height: 20px; 
				font-weight:normal;
				width:380px;
				font-size:0.8em;
			}		
		
/* Rate This Site Form Stylin' */

	#survey {
		font-size: 0.8em;
	}
	
		#survey fieldset {
			border: 1px solid #ccc;
			padding: 1em;
			margin: 0.5em 0;
		}
		
			#survey legend {
				padding: 0 1em;
				font-weight: bold;
			}
			
			#survey fieldset label {
				margin: 0.5em 0;
				height: 30px;
				line-height: 30px; 
			}
			
			#survey input {
				height: 30px;
				line-height: 30px;
				vertical-align: middle;
			}
			
			#survey textarea {
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 1em; 
				width: 98%;
				border: 1px solid #ccc; 
				padding: 0.5em; 
			}
			
			#survey input.email {
				height: 18px;
				line-height: 30px;
				vertical-align: middle;
			}			
			#survey input.text {
				height: 18px;
				line-height: 30px;
				vertical-align: middle;
			}
			#survey input.surveyBtn {
				clear: none;
			}

/* Change of Address Form Styling */
	#changeOfAddressForm {
		font-size: 0.8em;
	}
	
		#changeOfAddressForm fieldset {
			border: 1px solid #ccc;
			padding: 1em;
			margin: 0.5em 0;
		}
		
			#changeOfAddressForm legend {
				padding: 0 1em;
				font-weight: bold;
			}
			
			#changeOfAddressForm fieldset label {
				display:block;
				height: 30px;
				line-height: 30px;
				width: 200px;
				float:left; 
				clear:none;
			}
			
			#changeOfAddressForm fieldset div#required {
				display:block;
				height: 30px;
				line-height: 30px;
				width: 10px;
				color:#990000;
				font-size:18px;
				font-weight:bold;
				float:left;
				clear:none;
			}
			#changeOfAddressForm input {
				height: 30px;
				line-height: 30px;
				vertical-align: middle;
				width:100%;
			}

			#changeOfAddressForm textarea {
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 1em; 
				width: 98%;
				border: 1px solid #ccc; 
				padding: 0.5em; 
			}
			
			#changeOfAddressForm input.email {
				height: 18px;
				line-height: 30px;
				vertical-align: middle;
			}			
			#changeOfAddressForm input.text {
				height: 18px;
				line-height: 30px;
				vertical-align: middle;
			}
			#changeOfAddressForm input.surveyBtn {
				clear: none;
				width:60px;
			}
			
/* Appeal a Parking Infringement Form Styling */
	#appealParkingInfringementForm {
		font-size: 0.8em;
	}
	
		#appealParkingInfringementForm fieldset {
			border: 1px solid #ccc;
			padding: 1em;
			margin: 0.5em 0;
		}
		
			#appealParkingInfringementForm legend {
				padding: 0 1em;
				font-weight: bold;
			}
			
			#appealParkingInfringementForm fieldset label {
				display:block;
				height: 20px;
				line-height: 20px;
				width: 90%;
				float:left; 
				clear:none;
			}
			
			#appealParkingInfringementForm fieldset div.required {
				display:block;
				height: 20px;
				line-height: 20px;
				width: 10px;
				color:#990000;
				font-size:18px;
				font-weight:bold;
				float:left;
				clear:none;
			}
			#appealParkingInfringementForm input {
				height: 15px;
				line-height: 20px;
				vertical-align: middle;
				width:100%;
			}

			#appealParkingInfringementForm textarea {
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 1em; 
				width: 98%;
				border: 1px solid #ccc; 
				padding: 0.5em; 
			}
			
			#appealParkingInfringementForm input.email {
				height: 18px;
				line-height: 30px;
				vertical-align: middle;
			}			
			#appealParkingInfringementForm input.text {
				height: 18px;
				line-height: 30px;
				vertical-align: middle;
			}
			#appealParkingInfringementForm input.surveyBtn {
				clear: none;
				width:60px;
				height:30px;
			}
	/* Pay Rates by Alternative Arrangements Form Styling */
		#payRatesByAlternativeArrangementsForm{
			font-size: 0.8em;
		}
		
			#payRatesByAlternativeArrangementsForm fieldset {
				border: 1px solid #ccc;
				padding: 1em;
				margin: 0.5em 0;
			}
			
				#payRatesByAlternativeArrangementsForm legend {
					padding: 0 1em;
					font-weight: bold;
				}
				
				#payRatesByAlternativeArrangementsForm fieldset label {
					display:block;
					height: 20px;
					line-height: 20px;
					width: 90%;
					float:left; 
					clear:none;
				}
				
				#payRatesByAlternativeArrangementsForm fieldset div.required {
					display:block;
					height: 20px;
					line-height: 20px;
					width: 10px;
					color:#990000;
					font-size:18px;
					font-weight:bold;
					float:left;
					clear:none;
				}
				#payRatesByAlternativeArrangementsForm input {
					height: 15px;
					line-height: 20px;
					vertical-align: middle;
					width:100%;
				}
	
				#payRatesByAlternativeArrangementsForm textarea {
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 1em; 
					width: 98%;
					border: 1px solid #ccc; 
					padding: 0.5em; 
				}
				
				#payRatesByAlternativeArrangementsForm input.email {
					height: 18px;
					line-height: 30px;
					vertical-align: middle;
				}			
				#payRatesByAlternativeArrangementsForm input.text {
					height: 18px;
					line-height: 30px;
					vertical-align: middle;
				}
				#payRatesByAlternativeArrangementsForm input.surveyBtn {
					clear: none;
					width:60px;
					height:30px;
				}
	/* SWSC Enquiry Form Styling */
		#swscEnquiryForm{
			font-size: 0.8em;
		}
		
			#swscEnquiryForm fieldset {
				border: 1px solid #ccc;
				padding: 1em;
				margin: 0.5em 0;
			}
			
				#swscEnquiryForm legend {
					padding: 0 1em;
					font-weight: bold;
				}
				
				#swscEnquiryForm fieldset label {
					display:block;
					height: 20px;
					line-height: 20px;
					width: 90%;
					float:left; 
					clear:none;
				}
				
				#swscEnquiryForm fieldset div.required {
					display:block;
					height: 20px;
					line-height: 20px;
					width: 10px;
					color:#990000;
					font-size:18px;
					font-weight:bold;
					float:left;
					clear:none;
				}
				#swscEnquiryForm input {
					height: 15px;
					line-height: 20px;
					vertical-align: middle;
					width:100%;
				}
	
				#swscEnquiryForm textarea {
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 1em; 
					width: 98%;
					border: 1px solid #ccc; 
					padding: 0.5em; 
				}
				
				#swscEnquiryForm input.email {
					height: 18px;
					line-height: 30px;
					vertical-align: middle;
				}			
				#swscEnquiryForm input.text {
					height: 18px;
					line-height: 30px;
					vertical-align: middle;
				}
				#swscEnquiryForm input.surveyBtn {
					clear: none;
					width:60px;
					height:30px;
				}
				
				#swscEnquiryForm span {
					margin-left:30px;
					margin-top:10px;
					display:block;
					float:left;
					clear:left;
					width:600px;
				}
				#swscEnquiryForm span input{
					margin-right:20px;
					width:50%;
				}
				
																
	/* Bunbury Accessible Form Styling */
	#bunburyAccessibleForm {
		font-size: 0.8em;
	}
	
		#bunburyAccessibleForm fieldset {
			border: 1px solid #ccc;
			padding: 1em;
			margin: 0.5em 0;
		}
		
			#bunburyAccessibleForm legend {
				padding: 0 1em;
				font-weight: bold;
			}
			
			#bunburyAccessibleForm fieldset label {
				margin: 0.5em 0;
				height: 30px;
				line-height: 30px; 
				width:150px;
			}
			

				
			#bunburyAccessibleForm input {
				height: 30px;
				line-height: 30px;
				vertical-align: middle;
			}
			
			#bunburyAccessibleForm textarea {
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 1em; 
				width: 98%;
				border: 1px solid #ccc; 
				padding: 0.5em; 
			}
			
			#bunburyAccessibleForm input.email {
				height: 18px;
				line-height: 30px;
				vertical-align: middle;
			}			
			#bunburyAccessibleForm input.text {
				height: 18px;
				line-height: 30px;
				vertical-align: middle;
			}
			#bunburyAccessibleForm input.surveyBtn {
				clear: none;
			}
	

	#binForm {
		font-size: 0.8em;
	}
	
		#binForm fieldset {
			border: 1px solid #ccc;
			padding: 1em;
			margin: 0.5em 0;
		}
		
			#binForm legend {
				padding: 0 1em;
				font-weight: bold;
			}
			
			#survey fieldset label {
				margin: 0.5em 0;
				height: 30px;
				line-height: 30px; 
			}
			
			#binForm input {
				height: 30px;
				line-height: 30px;
				vertical-align: middle;
			}
			
			#binForm textarea {
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 1em; 
				width: 98%;
				border: 1px solid #ccc; 
				padding: 0.5em; 
			}
			
			#binForm input.text {
				height: 18px;
				line-height: 18px;
				vertical-align: middle;
			}
			#binForm input.surveyBtn {
				clear: none;
			}
	

/* Footer */
	
#footer {
	margin: 0.5em auto;
	width: 760px;
	color: #666;
	text-align: center;
	font-size: 0.8em;
	letter-spacing: 0.05em;
}

	#footer a {
		color: #fff;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}