@charset "UTF-8";
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
a img {
	border:none;	
}
body {
	text-align:center;
	margin:0 0 50px;
	padding:0;
	background-image:url(img/bg.jpg);
	background-repeat:repeat-y;
	background-color:#fff;
	background-position:top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
div#streetscape {
	background-image:url(img/nowash.jpg);
	background-position:top;
	background-repeat:repeat-x;
	min-height:444px;
}	
div#toolbar {
	text-align:left;
	height:37px;
	background-image:url(img/toolbar.jpg);
	background-repeat:repeat-x;
}
div#main {
	text-align:left;
	margin:0 auto;
	width:960px;
}
div#header {
	
}
div#header div.leftcol {
	float:left;
	width: 238px; 
	margin-top: 28px; 
	margin-right: 90px;
	margin-left: 55px;
}
div.rightcol {
	float:right;
	width:500px;
}
p#about, p#find {
	font-size:14px;
	line-height:21px;
	color:#fff;
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px #000;
}
p#about {
	width: 178px; 
	margin-left: 26px;	
}
div#header div.rightcol p {
	color:#fff;	
}
div#header div.rightcol h2 {
	line-height:42px;
	color:#fff;
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px #000;	
	font-size:55px;
}
div#header div.rightcol h2 span {
	font-size:28px;
}	
div#content {
	clear:both;	
	padding-top:40px;
}
div.row {
	margin-left:60px;
	clear:both;
	padding-top:9px;
	padding-bottom:9px;
}
div.imagecol {
	background-image:url("img/dottedline.jpg");
	background-position:right top;
	background-repeat:no-repeat;
	float:left;
	margin-right:45px;
	padding-right:45px;
	width:250px;
}
div.imagecol h3 {
	background-image:url("img/region-header.jpg");
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:"Arial Rounded MT Bold",Arial,Helvetica,sans-serif;
	font-size:20px;
	height:31px;
	margin:0;
	padding:7px 0 0 10px;
	width:250px;
}
div.imagecol h3.hover {
	background-image:url("img/region-header-hover.jpg");
}
div.newscol {
	float:left;
	width:310px;
	padding-right:20px;
	
}
div.suburbs {
	float:right;
	margin-right:20px;
	padding-left:20px;
	width:180px;
	display: none;
	max-height:160px;
overflow-x:hidden;
overflow-y:scroll;
}
div.suburbs h4 {
	background-image:url("img/streetcorner.png");
	background-repeat:no-repeat;
	color:#FFFFFF;
	height:19px;
	margin:0;
	padding:2px 0 0 5px;
	width:161px;
}
a.more {
	background-image:url(img/more.jpg);
	background-repeat:no-repeat;
	display:block;
	width:60px;
	height:21px;
	color:#fff;
	padding-top:3px;
	padding-left:8px;
	text-transform:lowercase;
	float:right;
	margin-top:10px;
}
div#content ul {
	margin:0;
	padding:0;
}
div#content ul li {
	list-style:none;
	padding:2px 0;
}
div.newscol ul li:first-child a {
	color:#003c64;	
	font-weight:bold;
}	
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	/*color:#000;*/
	text-decoration:none;
}
li a:hover {
	border-bottom:1px dotted #0071C0;	
}
form#signup {
	text-align:right;
	margin:0 auto;
	width:960px;
	display:block;
	
}
form#signup #submit {
	width:82px;
	font-family:Arial, Helvetica, sans-serif;
	height:34px;
	background-image:url(img/signup.jpg);
	border:none;
	padding:0;
	margin:2px 0px 0px 0px;
	color:#fff;
	font-size:12px;
}
form#signup #Login, form#signup #password {
	border:1px solid #333;	
	padding:3px 2px;
	height:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}	
form#search span {
	display:block;
	float:left;
	width:251px;
	height:83px;
	background-image:url(img/searchfield.png);
	background-repeat:no-repeat;
}
#query {
	padding:3px; 
	margin-top: 28px; 
	margin-left: 18px; 
	width: 218px;	
	border:none;
	height:16px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.rightcol h2:before {
	content: "\201C";	
}
.rightcol h2:after {
	content: "\201D";	
}
.quote {
	font-family:"Arial Rounded MT Bold",Arial,Helvetica,sans-serif;
	font-size:55px;
}

.ac_results {
	padding: 0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	text-align:left; 
	margin-top: 2px; 
	margin-left: -3px;
	
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('img/indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: #007ABC;
	color: white;
}
div.suburbs ul {
	/*position:absolute;
	z-index:99;*/
}

h3 a {
	color:#fff;	
}
a img {
	border:none;	
}