/*-- Main nav styling --*/
#layer {
	margin: 0;
	padding: 0;
	height: 40px;
	list-style: none;
	overflow: visible;
	width: 720;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
	height /**/:35px; /* height for IE5/Win only */
}
#layer li:hover, #layer li.over {
	overflow: visible;
	color: #FFFFFF;
}
html>body #layer {
	height: 40px;
}
#layer li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 30px;
	display: inline;
}
#layer a {
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}
#layer a:hover, #layer li.over a {
	color: #ffffff;
	text-decoration: none;
	overflow: visible;
}
#layer li.over li a {
	color: #000000;
}
#layer a:active, #layer a.current {
	color: #ffffff;
	text-decoration: none;
}
#layer-1 a  { width: 172px; }
#layer-2 a  { width: 98px; }
#layer-3 a  { width: 85px; }
#layer-4 a  { width: 84px; }
#layer-5 a  { width: 86px; }
#layer-6 a  { width: 83px; }
#layer-7 a  { width: 83px; }
html>body #layer-7 a { width: 81px; }
#layer-8 a  { width: 81px; }
/*-- Dropdown section --*/
#layer li li a {
	display: block;
	font-size: 12px;
	font-weight: normal;
	width: 129px;
	text-align: left;
	margin: 0;
	padding: 0 0 0 21px;
	line-height: 20px;
	color: #FFFFFF;
	background-color: #649A9D;
}
#layer li li a:hover {
	margin: 0;
	padding: 0 0 0 21px;
	color: #FFFFFF;
	background-color: #365B5D;
}
#layer li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 150px;
	font-weight: normal;
	z-index: 99;
	padding: 0 0 7px 0;
	border-top: 4px solid #000000;
	margin: 0;
	background-color: #649A9D;
}
html>body #layer li ul {
	padding: 0 0 10px 0;
}
#layer li.last ul {
	left: -72px;
}
#layer li:hover ul, #layer li.over ul {
	display: block;
}
#layer li li.first {
	padding: 0;
	margin: 0;
	width: 120px;
	background: #e6eaf5;
}
#layer li li.first a, #layer li li.first a:hover  {
	margin: 10px 0 0 0;
}
html>body #layer li li.first { /*-- standards based browsers --*/
}
/*-- Insert Hamish Mod to high light sections --\ */
body#development #container #menu #layer #layer-7{
	color: #FFFFFF;
}
body#about #container #menu #layer #layer-about #on{
	color: #FFFFFF;
}
body#residents #container #menu #layer #layer-2 #on{
	color: #FFFFFF;
}
/*-- The Web team insert Navigation highlight --\ */
body#about #container #menu #layer #layer-1 .on{
	color: #FFFFFF;
}
body#residents #container #menu #layer #layer-2 .on{
	color: #FFFFFF;
}
body#community #container #menu #layer #layer-3 .on{
	color: #FFFFFF;
}
body#library #container #menu #layer #layer-4 .on{
	color: #FFFFFF;
}
body#council #container #menu #layer #layer-5 .on{
	color: #FFFFFF;
}
body#business #container #menu #layer #layer-6 .on{
	color: #FFFFFF;
}
body#development #container #menu #layer #layer-7 .on{
	color: #FFFFFF;
}
body#environment #container #menu #layer #layer-8 .on{
	color: #FFFFFF;
}
/*-- start IE5 Mac back slash hack --\*//*/
#menu {
	margin: 0;
	padding: 0;
	height: 38px;
	width: 740px;
}
#layer {
	overflow: visible;
	width: auto;
}
#layer li:hover ul, #layer li.over ul {
	clear: left;
	position: absolute;
	top: 30px;
	left: 0;
}
#layer li:hover, #layer li.over {
	width: auto;
	overflow: visible;
	margin: 0;
	padding: 0;
	border: none;
}
/*-- end back slash hack --*/