/* LAYOUT
========================================== */
html {
	background: url('images/bghome.jpg') repeat-x top;
	background-color: #e2f4a9;
	
}
body {
	-x-system-font:none;
	font-size: 77%;
	line-height: 150%;
	margin: 0;
	padding: 0;
	font-family: Verdana, "Lucida Grande", Arial, sans-serif;
}



body a:hover {text-decoration: none;}
div.container {
background:transparent none repeat scroll 0 0;
margin:0 auto;
}

div.page {
	width: 915px;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
}

#topNav {
	background-color: #accc00;
	height: 30px;
	position: relative;
}
#logo { width: 915px; height: 104px; background-color: #ffffff;}

.twitterIcon{padding-top: 3px; float: left; padding-left: 5px; text-align: left;}
.twitter{float: left; width: 315px; padding-left: 5px; margin-top: 4px; text-align: left; color: #fff;}
.twitter a:link {font-weight: bold; color: #fff; text-decoration: none;}

.form { float: right; /*width: 315px;*/ padding-right: 5px; margin-top: 3px; text-align: right; color: #fff;}
.form {margin-bottom: -20px;} /*Pesky ie6 bottom margin bug*/

.button-search {
background-color:#758a01;
border:1px solid #758a01;
color:#fff;
height:21px;
padding:0;
/*width:67px;*/
font-size 90%;
}

.inputText {
border-color:#c3e701;
border-style:solid;
/*border-width:1px;*/
padding:4px;
font-size: 90%;
}


#mainNav {
	margin: 0;
	padding: 0;
	background-color: #2fb7d1;
	height: 30px;
	position: relative;
	text-align: left;
	color: #ffffff;
	line-height: 24px;
	z-index: 20;
	border-top: 1px solid #2998b4;
	border-bottom: 1px solid #2998b4;
}
.introNews {
float:left;
height:auto;
margin:0;
padding:0 0 15px 0;
position:relative;
text-align:left;
width:915px;
background: url('images/bg_newslist.jpg') ;
}

.subSections {
float:left;
margin:0 0 -20px 0; /*float problem on centred divs caused in ie6 -ve margin fix*/
padding:0 0 20px 0;
text-align:left;
width:915px;
color: 000;
background-color: #fff;
}

/*#navigation {
	width: 915px;
	margin: 0 auto;
	height: 30px;
	overflow: hidden;
	border: 1px solid #ddd;
	background-color:#006633;
	}*/
	
.footer {
	background:#cbd9df;
	border-top: 1px solid #bbb;
	float:left;
	height:auto;
	position:relative;
	text-align:center;
	width:100%;
	padding: 0;
}

.footerInfo {

	margin: 0 auto;
	padding:0;
	text-align:left;
	width:915px;
	/*background-color: #e6edf0;*/

}



.footerInfo p {

	color:#000;
	font-size:1em;
	line-height:2em;
	padding: 25px 15px;
	margin: 0;

}



.footerInfo a {
	color:#222;
	font-size:0.9em;
	line-height:1em;
}

	
/*Dropdown navigation--------------------------------------------------*/	

#menuList {
	margin: 0px;
	padding: 0px;
	/*background: transparent url(images/navdiv.gif) left no-repeat;*/
}

#menuList ul {
	margin: 0px;
	padding: 0px;
	
}

#menuList li {
	display:inline;
	list-style: none;
		
}

a.starter {
	background-color: #32c1dc;
	background: transparent url(images/navdiv.gif) right no-repeat;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	line-height: 30px;
	margin: 0;
	padding: 7px 10px 8px 10px;
	text-decoration: none;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}

a.starter:visited {color: #fff;}

a.starter:hover, a.starter:active {
	background-color: #2aa9c1;
	color: #fff;
}

.menu {
	text-align: left;
	color: #555;
	background-color: #e6edf0;
	position: absolute;
	/*width: 160px;*/
	visibility: hidden;
}

.menu li a {
	background-color: transparent;
	color: #555;
	display: block;
	font-size: 12px;
	line-height: 18px;
	border-bottom: 1px solid #ccc;
	margin: 0px;
	padding: 2px 11px;
	text-decoration: none;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}

.menu li a:hover, .menu li a:active {
	background-color: #d5dee2;
	color: #555;
}

#menu1, #menu2, #menu3, #menu4, #menu5 { 
	/*width: 160px; */
	z-index:100; 
}

/*Intro Image and new development area-------------------------------------------------*/

.imgFeature {
background-color: #ccc /*transparent none no-repeat scroll 0 0*/;
float:left;
height:255px;
margin:0;
padding:0;
position: relative;
text-align:left;
width:610px;
}
.newDev {
background:#89a201;
clear:right;
float:right;
height:255px;
margin:0;
padding:0;
text-align:left;
width:305px;
position: relative;
}

.newDevLinks h2 a:link, h2 a:visited {
color:#fff;
text-decoration: underline;
}

.newDevLinks h2 a:hover {
text-decoration: none;
}

.newDevImg {
width:250px;
height: 135px;
margin:17px 0 0 20px;
padding:5px;
position:relative;
border: 1px solid #fff;
background-color:#FFFFFF;
}

.newDevtitle {
background-color:transparent;
height:auto;
margin:10px 0 0 20px;
padding:0;
position:relative;
text-align:left;
width:270px;
color: #ffffff;
}

.newDevtitle a:link {
color: #ffffff;
text-decoration: underline;
}

.newDevtitle a:visited {
color: #ffffff;
}

.newDevtitle a:hover {
text-decoration: none;
}


.newDevtitle h1 {
font-size:14px;
font-weight: bold;
color:#fff;
margin: 0 0 8px 0;
}
.newDevtitle h2 {
font-size:12px;
line-height: 95%;
font-weight:normal;
margin: 0;
}




/*Intro text and news area-------------------------------*/

.introLeft {
float:left;
margin:0;
padding:0;
position:relative;
text-align:left;
width:610px;
}

.welcomeMsg {
float:left;
margin:10px 0 0;
padding:0 20px;
position:relative;
text-align:left;
background-color: #fff;
}

.introLeft h1 {
color:#2ba7be;
font-size:1.8em;
font-weight:normal;
line-height:30px;
margin-bottom:5px;
width:auto;
font-family: Georgia, Times, Times New Roman;
}

.introLeft .welcomeMsg p {
clear:left;
color:#555;
font-size:1em;
font-weight:normal;
line-height:1.6em;
text-align: justify;
}

.introRight {
background-color: #e6edf0;
clear:right;
float:right;
margin:0;
padding:0 0 15px 0;
position:relative;
width:305px;
}

.newsListTitle {
background-color:#E6EDF0;
height:auto;
margin:10px 0 0 20px;
padding:0;
position:relative;
text-align:left;
width:270px;
}

.newsListTitle h1 {
border-bottom:1px solid #ccc;
color:#555;
font-size:13px;
font-weight:bold;
line-height:18px;
margin:0;
padding-bottom:4px;
}

.navlistnews
{
	padding: 0;
	margin: 0;
	font-size: 11px;
}

.navlistnews li
{
	list-style: none;
	margin: 0;
	padding: 2px 6px;
	padding-left: 16px;
	background-image: url(images/arrowdbl.gif);
	background-repeat: no-repeat;
}

.navlistnews li a { 
text-decoration: none;
color: #555; 
font-weight: bold;
}

.navlistnews li a:hover { 
text-decoration: none;
color: #1b8599}

/*Subsections - 3 columns for sub news and nav-------------------------------*/

.subSections a:link, a:visited{
color: #444;
}

.leftcol
{
background-color: #ffeee8;
float: left;
width: 305px;
margin: 0;
padding: 0;
}
.leftcol{display: inline;}

.leftcol h1 {
background-color:#fd4e0d;
color:#fff;
font-size:14px;
font-weight:bold;
line-height:20px;
padding:10px 0 10px 16px;
margin: 0;
}

.leftcol p {padding:16px; margin: 0;}

.rightcol
{
background-color: #e6eef1;
float: left;
width: 305px;
margin: 0;
padding: 0;
}

.rightcol h1 {
background-color:#32c2dd;
color:#fff;
font-size:14px;
font-weight:bold;
line-height:20px;
padding:10px 0 10px 16px;
margin: 0;
}

.rightcol p {padding:16px; margin: 0;}

.centrecol
{
background-color: #f0f6cd;
margin: 0 0 -20px 0 :
padding: 0;
width: 305px;
float: left;
}

.centrecol h1 {
background-color:#89a201;
color:#fff;
font-size:14px;
font-weight:bold;
line-height:20px;
padding:10px 0 10px 16px;
margin: 0;
}

.centrecol p {padding:16px; margin: 0;}


.subsecPara {padding:10px 0 10px 16px;}


div {
	
}

div.small {
	width: 160px;
	float: left;
}

div.large {
	width: 530px;
	float: left;
	margin-bottom: 10px;
}

div.full {
	width: 100%;
	float: left;
}