html, body {
	height: 100%;
}

#page-container {
	width: 770px;
	margin: 0 auto;	
	padding: 0 0 15px 0;
	text-align: left;
}

/*---[ =header ]------ */
#header
{
	height: 79px;
	padding: 10px 0;
	background-color: #82BA41;
}
#header-inner
{
	border-bottom: 1px dotted #CDDFB0;
	padding: 0 10px;
	height: 73px;
	overflow: visible;
}
#header h1
{
	height: 79px;
	background:url(../images/header.gif) no-repeat scroll 0 0 transparent;
	margin:0;
	padding:0;
	text-indent:-9999px;
	font-size: 1.6em;
	border: none;
}

/*---[ =nav ]-------- */
#nav-container 
{
	background: #82BA41;
	overflow: hidden;
	height: 25px;
}
#nav 
{
	padding: 0 1px;
	overflow: hidden;
}
#nav ul
{
    padding :0;
    margin: 0;
    overflow: hidden;
}
#nav li
{
	display: inline;
	float: left;
}
#nav li a
{
	display: block;
	width: 85px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	text-align: center;
}
#nav li.first a, #nav li.last a
{	
	width: 86px;
}
#nav li.last a
{
	width: 87px;
}
#nav li a:hover
{
	color: #82BA41;
    text-decoration: none;
    background-color: #fffffe;
}
/*---[ = Current page link styles]       --------------------*/
#home .home-lnk, #consultation .consultation-lnk, #vision .vision-lnk, #masterplan .masterplan-lnk, 
#sustainability .sustainability-lnk, #transport .transport-lnk, #faqs .faqs-lnk, #questionnaire .questionnaire-lnk, #contact .contact-lnk
{
    background-color: #fff;
    color: #82BA41;
}

/*---[ =main ]------ */
#content-container 	
{
    margin: 0;	
    padding-top: 20px;
    border: 1px solid #82BA41;
    border-width: 0 1px 10px 1px;
    overflow: visible;
}
#content
{
	padding: 10px 30px;
	overflow: hidden;
	background: url(../images/content-bkg.png) no-repeat right top;
}
.colLeft
{
    width: 490px;
    margin-right: 10px;
    float: left;
}
.colRight
{
    width: 200px;
    float: left;
    text-align: right;
}
.colRight img
{
	margin-bottom: 5px;
}
/*---[ =footer ]------ */
#footer
{
	margin-top: 10px;
	text-align: center;
}
#footer .link-back
{
	color: #9f9f9f;
}
#footer .link-back a
{
	color: #9f9f9f;
}
#footer .link-back a:hover 
{
	color: #82BA41;
}

#planning #content h4 
{
	clear: left;
	margin: 10px 0 0 0;
}
#planning #content ul
{
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	zoom: 1; /*IE6/7 haslayout*/

}
#planning #content ul li
{
	float: left;
	width: 320px;
	padding: 0 15px 0 10px;
	margin-bottom: 5px;
	background: url(../images/bullet-square.gif) no-repeat left 5px;
}
#consultation table
{
	border: 1px solid #82BA41;
	font-size: 0.9em;
	margin-bottom: 1em;
}
#consultation table tr.heading
{
	background-color: #82BA41;
	color: #fff;
}
#consultation td
{
	vertical-align: top;
	padding: 5px;
}