body {
background-color	: #cccccc;
margin				: 0px;
padding				: 0px;
background-image	: url(../images/bg.jpg);
background-repeat	: repeat-x;
font-family			: Arial, Helvetica, sans-serif;
font-size			: 13px;	
color				: #333333;
}


/**********************
HIDDEN PAGE ELEMENTS
***********************/

.magic{
	display:none;
}
.hide {
	display: none;
}
#skip {
	display: none;
}
#printableLogo{
	display: none;
}
#printableFlash{
	display: none;
}

/**********************
CENTRE PAGE IN WINDOW
***********************/

#centre {
	width: 100%;
	text-align: center;
}

#container {
	width:780px;
	margin:0px auto 0px auto;
	padding:11px;
	text-align: center;
	background-image:url(../images/bg2.jpg);
	background-repeat:repeat-x;
	background-color:#f0f0f0;
}

/**********************
PAGE TOP
***********************/
#container2 {
	width:100%;
	background-color:#FFFFFF;
	text-align: left;
}

#topcorner {
	width:780px;
	height:19px;
	background-image:url(../images/topbg.jpg);
	background-repeat:no-repeat;
}

/**********************
LOGO
***********************/
#logo
{
width:230px;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 15px ;
float:left;
}

/**********************
ACCESSIBILITY AREA
***********************/
#topfunctions3 {
	width:200px;
	font-size: 11px;
	margin: 20px 0px 0px 0px;
	padding:0px 15px 0px 0px;
	text-align:right;
	float: right;
}

#topfunctions3 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
#topfunctions3 li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}


.accessibilitySm {
	font-weight: bold;
	font-size: 11px;
}
.accessibilitySm a:link {
	color: #005481;
	text-decoration: none;
}
.accessibilitySm a:visited {
	color: #005481;
	text-decoration: none;
}
.accessibilitySm a:hover {
	color: #3399cc;
	text-decoration: underline;
}
.accessibilityMd {
	font-weight: bold;
	font-size: 13px;
}
.accessibilityMd a:link {
	color: #005481;
	text-decoration: none;
}
.accessibilityMd a:visited {
	color: #005481;
	text-decoration: none;
}
.accessibilityMd a:hover {
	color: #3399cc;
	text-decoration: underline;
}
.accessibilityLg {
	font-weight: bold;
	font-size: 16px;
}
.accessibilityLg a:link {
	color: #005481;
	text-decoration: none;
}
.accessibilityLg a:visited {
	color: #005481;
	text-decoration: none;
}
.accessibilityLg a:hover {
	color: #3399cc;
	text-decoration: underline;
}

.accessibilityCt {
font-size: 13px;
}

.accessibilityCt a:link {
font-weight: bold;
background-color: #005481;
padding: 0px 2px;
color: #FFFFFF;
text-decoration: none;
}

.accessibilityCt a:visited {
font-weight: bold;
background-color: #005481;
padding: 0px 2px;
color: #FFFFFF;
text-decoration: none;
}

.accessibilityCt a:hover {
font-weight: bold;
background-color: #3399cc;
padding: 0px 2px;
color: #FFFFFF;
text-decoration: none;
}

/**********************
NAVIGATION
***********************/
#navContainer{
width:780px;
height:25px;
background-image:url(../images/topnavbg.jpg);
background-repeat:no-repeat;
}

#navigation {
	width: 540px;
	height: 25px;
	padding:0px;
	margin:0px; 
	float: right;		
}

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

#navigation li {
	float: left;
	list-style: none;
}

#navigation a {
	text-decoration: none;
	display: block;
	height: 25px;
	text-indent: -5000px;
}
#navigation a:visited {}
#navigation a:hover {}

#navigation #home 		  	  {width:56px; background-image: url(../images/home_bt.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #home:visited 	  {background-position: 0px 0px}
#navigation #home:hover       {background-position: 0px -25px;}
#navigation #home:active  	  {background-position: 0px -50px;}
#navigation #home strong  	  {background-position: 0px -50px;}
#navigation #homeSelected     {background-image: url(../images/home_bt.gif); background-repeat: no-repeat; background-position: 0px -50px;	display: block; width:56px; height: 25px; text-indent: -5000px;}

#navigation #about 		   	  {width:76px; background-image: url(../images/about_bt.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #about:visited	  {background-position: 0px 0px}
#navigation #about:hover  	  {background-position: 0px -25px;}
#navigation #about:active  	  {background-position: 0px -50px;}
#navigation #about strong  	  {background-position: 0px -50px;}
#navigation #aboutSelected    {background-image: url(../images/about_bt.gif); background-repeat: no-repeat; background-position: 0px -50px;	display: block; width:76px; height: 25px; text-indent: -5000px;}

#navigation #projects 		  {width:70px; background-image: url(../images/projects_bt.gif); background-repeat: no-repeat;background-position: 0px 0px;}
#navigation #projects:visited {background-position: 0px 0px}
#navigation #projects:hover   {background-position: 0px -25px;}
#navigation #projects:active  {background-position: 0px -50px;}
#navigation #projects strong  {background-position: 0px -50px;}
#navigation #projectsSelected {background-image: url(../images/projects_bt.gif); background-repeat: no-repeat; background-position: 0px -50px;	display: block; width:70px; height: 25px; text-indent: -5000px;}

#navigation #services 	      {width:67px; background-image: url(../images/services_bt.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #services:visited {background-position: 0px 0px}
#navigation #services:hover   {background-position: 0px -25px;}
#navigation #services:active  {background-position: 0px -50px;}
#navigation #services strong  {background-position: 0px -50px;}
#navigation #servicesSelected {background-image: url(../images/services_bt.gif); background-repeat: no-repeat; background-position: 0px -50px;	display: block; width:67px; height: 25px; text-indent: -5000px;}

#navigation #sustainability 		  {width:94px; background-image: url(../images/sustainability_bt.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #sustainability:visited  {background-position: 0px 0px}
#navigation #sustainability:hover    {background-position: 0px -25px;}
#navigation #sustainability:active   {background-position: 0px -50px;}
#navigation #sustainability strong   {background-position: 0px -50px;}
#navigation #sustainabilitySelected  {background-image: url(../images/sustainability_bt.gif); background-repeat: no-repeat; background-position: 0px -50px;	display: block; width:94px; height: 25px; text-indent: -5000px;}

#navigation #clients 		  {width:62px; background-image: url(../images/clients_bt.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #clients:visited  {background-position: 0px 0px}
#navigation #clients:hover    {background-position: 0px -25px;}
#navigation #clients:active   {background-position: 0px -50px;}
#navigation #clients strong   {background-position: 0px -50px;}
#navigation #clientsSelected  {background-image: url(../images/clients_bt.gif); background-repeat: no-repeat; background-position: 0px -50px;	display: block; width:62px; height: 25px; text-indent: -5000px;}

#navigation #news 		  {width:50px; background-image: url(../images/news_bt.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #news:visited  {background-position: 0px 0px}
#navigation #news:hover    {background-position: 0px -25px;}
#navigation #news:active   {background-position: 0px -50px;}
#navigation #news strong   {background-position: 0px -50px;}
#navigation #newsSelected  {background-image: url(../images/news_bt.gif); background-repeat: no-repeat; background-position: 0px -50px;	display: block; width:50px; height: 25px; text-indent: -5000px;}

#navigation #contact 		  {width:65px; background-image: url(../images/contact_bt.gif); background-repeat: no-repeat; background-position: 0px 0px;}
#navigation #contact:visited  {background-position: 0px 0px}
#navigation #contact:hover    {background-position: 0px -25px;}
#navigation #contact:active   {background-position: 0px -50px;}
#navigation #contact strong   {background-position: 0px -50px;}
#navigation #contactSelected  {background-image: url(../images/contact_bt.gif); background-repeat: no-repeat; background-position: 0px -50px;	display: block; width:65px; height: 25px; text-indent: -5000px;}

/**********************
TOP FUNCTIONS AREA
***********************/

#topfunctions {
	width				:750px;
	margin				:0px;
	padding				:10px 15px 0px 15px;
	font-family			:Arial, Verdana, Helvetica, sans-serif;
	background-image	:url(../images/dropshadow.jpg);
	background-repeat	:no-repeat;
}

#breadcrumb {
	width:400px;
	margin: 3px 0px 15px 0px;
	padding: 0px;
	font-size: 10px;
	line-height: 14px;
	color: #005481;
	float: left;
}

#breadcrumb ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#breadcrumb li {
	display: inline;
}
#breadcrumb a:link {
	color: #005481;
	text-decoration: none;
}
#breadcrumb a:visited {
	color: #005481;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #3399cc;
	text-decoration: none;
}
#breadcrumb strong {
	color: #7ac142;
	font-weight:normal;
}
#breadcrumb span {
	font-weight:bold;
}

#date {
width:100px;
font-size: 11px;
margin: 3px 0px 15px 0px;
padding: 0px;
float:right;
text-align:right;
}

.pageFunctions {
	width:225px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	float: left;
	display: none;
}

.pageFunctions ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.pageFunctions li {
	display: inline;
}

.pageFunctions a:link {
	color: #005481;
	text-decoration: none;
}
.pageFunctions a:visited {
	color: #005481;
	text-decoration: none;
}
.pageFunctions a:hover {
	color: #339900;
	text-decoration: none;
}




/**********************
FLASH CONTENT AREA
***********************/

#flashContainer {
	width: 780px;
	height: 175px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-top:1px solid #ffffff;	
	border-bottom:1px solid #ffffff;
}

/**********************
SUBIMAGE AREA
***********************/

#subImage {
	width: 780px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-top:1px solid #ffffff;	
	border-bottom:1px solid #ffffff;
}


/**********************
RIGHT HOME AREA
***********************/

#rightContainer{
	width: 225px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#homeNews{
	width: 205px;
	padding:11px;
	background-image:url(../images/homesidetopbg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#f0f0f0;
}

#homeNews h2{
	font-size: 14px;
	font-weight:bold;
	color:#005481;
	padding:0px;
	margin:0px;
}

#homeNews h3{
	font-size: 13px;
	font-weight:normal;
	color:#005481;
	padding:0px;
	margin:0px 0px 5px 0px;
}

#homeNews p{
	font-size: 13px;
	line-height:15px;
	margin:0px 0px 5px 0px;
	padding:0px;
}

#homeNewsImg{
	width: 64px;
	height:64px;
	margin:0px 0px 8px 8px;
	padding:0px;
	border:1px solid #ffffff;
	float:right;
}

#homeNewsBase{
	width: 225px;
	height:21px;
	margin:0px 0px 15px 0px;
	padding:0px;
	background-image:url(../images/homesidebasebg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#f0f0f0;
	text-align:right;
}

/**********************
SUB NAV AREA
***********************/
#subNavContainer
{
width:210px;
margin:0px 15px 0px 0px;
padding:0px;
float:left;
}

#subNav {

}

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

#subNav li {	
	list-style: none;
	margin:0px 0px 5px 0px;
	float: left;
}

#subNav a {
	width:210px;	
	height: 16px;
	font-size:10px;
	padding:4px 0px 0px 0px;
	display: block;
	font-weight:bold;
	color:#005481;
	text-indent: 25px;
	text-transform:uppercase;
	text-decoration: none;
	background-image:url(../images/subnavbg.jpg);
	background-position:0px 0px;
}
#subNav a:visited {
	background-position:0px 0px;
}
#subNav a:hover {
	color:#498eb3;
	background-position:0px 40px;
}
#subNav a:active {
	color:#ffffff;
	background-position:0px 20px;
}

#subNav strong {
	width:210px;	
	height: 16px;
	font-size:10px;
	padding:4px 0px 0px 0px;
	display: block;
	font-weight:bold;
	color:#ffffff;
	text-indent: 25px;
	text-transform:uppercase;
	text-decoration: none;
	background-image:url(../images/subnavbg.jpg);
	background-position:0px 20px;
}

#subNav ul ul{
	margin: 5px 0px 0px 25px;
	padding: 0px;
}

#subNav li li {	
	list-style: none;
	margin:0px 0px 0px 0px;
	float: left;
}

#subNav li li strong{	
	width:180px;	
	height:auto;
	line-height:14px;
	padding:0px 0px 4px 0px;
	display: block;
	font-weight:bold;
	color:#339900;
	text-indent: 0px;
	text-transform:none;
	text-decoration: none;
	background-image: none;
}

#subNav a.subsubNav {
	width:180px;	
	height:auto;
	line-height:14px;
	padding:0px 0px 4px 0px;
	display: block;
	font-weight:normal;
	color:#005481;
	text-indent: 0px;
	text-transform:none;
	text-decoration: none;
	background-image: none;
}
#subNav a.subsubNav:visited {
	color:#005481;
}
#subNav a.subsubNav:hover {
	color:#339900;
}
#subNav a.subsubNav:active {
	color:#339900;
}
/**********************
MAIN CONTENT AREA
***********************/

#mainContainer {
	width:750px;
	margin: 0px;
	padding: 15px;
}

#content {
	width: 500px;	
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 20px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/contentband.jpg);
	background-repeat:repeat-y;
	float:left;
}

#content p {
	font-size: 15px;
	line-height: 17px;
	padding:0px 0px 0px 0px;
	margin:5px 0px 10px 0px;
	color: #333333;
}

#content h1{
	font-size: 21px;
	font-weight:bold;
	text-transform:uppercase;
	color: #045681;
	padding:0px 0px 5px 0px;
	margin:0px;
}

#content h2{
	font-size: 16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#339900;
	padding:5px 0px 3px 0px;
	margin:0px;
}

#content h3{
	font-size: 15px;
	font-weight:bold;
	text-transform:uppercase;
	color: #045681;
	padding:5px 0px 0px 0px;
	margin:0px;
}

#content h4{
	font-size: 15px;
	font-weight:normal;
	color: #333333;
	padding:5px 0px 0px 0px;
	margin:0px;
}

#content h5{
	font-size: 15px;
	font-weight:bold;
	text-transform:uppercase;
	color: #045681;
	padding: 0px 0px 5px 0px;
	margin:0px;
}

#content h6{
	font-size: 15px;
	font-weight:normal;
	color: #339900;
	padding: 0px 0px 5px 0px;
	margin:0px;
}


#content ul{
	padding:5px 0px 5px 20px;
	margin:0px;
}

#content li{
	font-size: 15px;
	list-style-image:url(../images/bullet.jpg);
	padding:0px 0px 5px 0px;
	margin:0px;
}

#content li li{
	color: #333333;
	list-style-image:none;
	list-style:disc;
	padding:5px 0px 0px 0px;
	margin:0px;
}

#content ul ul{
	font-size: 13px;
	color: #333333;
	padding:0px 0px 10px 15px;
	margin:0px;
}

#content span{
	color: #333333;
	font-weight:normal;
}

#content small{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#content a:link {
	color: #005481;
	text-decoration: none;
}

#content a:visited {
	color: #005481;
	text-decoration: none;
}

#content a:hover {
	color: #339900;
	text-decoration: underline;
}

#content table.people
{
margin:10px 0px 0px 0px;
border-bottom:1px solid #339900;
}

#content table.people td
{
vertical-align:top;
}

#content table.people img
{
padding:0px 0px 10px 0px;
}


#contentImg{
	float:right;
	margin:0px 0px 5px 20px;
}

#contentImg p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	margin:0px 0px 10px 0px;
	text-align:right;
}

.csInfo
{
background-color:#f8f8f8;
}

.csInfo strong
{
color:#339900;
}

/**********************
News
***********************/
.NewsHeader{
font-size:15px;
width:490px;
padding:5px;
font-weight:normal;
color:#333333;
display:block;
border-bottom:1px solid #ffffff;
background-color:#f0f0f0;
}

.NewsContent{
font-size:15px;
width:490px;
padding:5px;
font-weight:normal;
color:#333333;
border-top:1px solid #7ac142;
display:block;
border-bottom:1px solid #cccccc;
margin: 0px 0px 15px 0px;
}


/**********************
PRE-FOOTER
***********************/

#prefooter {
	width:780px;
	margin:0px;
	padding:3px 0px 0px 0px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color: #645A50;
	background-color:#f8f8f8;
}

#footerlogos {
	width:450px;
	margin:0px;	
	padding:0px 0px 0px 15px;	
	float: left;
}

#footernav {
	width:280px;	
	margin: 25px 0px 0px 0px;
	padding:0px 15px 0px 0px;
	font-size:13px;
	text-align:right;
	float: right;
}

#footernav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#footernav li {
	display: inline;
}

#footernav a:link {
	color: #333333;
	text-decoration: none;
}
#footernav a:visited {
	color: #333333;
	text-decoration: none;
}
#footernav a:hover {
	color: #333333;
	text-decoration: underline;
}

/**********************
FOOTER
***********************/

#footer {
	width:750px;
	height:40px;	
	margin:0px;
	padding:0px 15px 0px 15px;	
	
	background-image: url(../images/footerbg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	color: #ffffff;
}

#footer1 {
	margin: 15px 0px 0px 0px;
	padding:0px;
	float: left;
}

#footer2 {
	margin: 15px 0px 0px 0px;
	padding:0px;
	font-size:11px;
	text-align:right;
	float: right;
}

#footer2 a:link {
	color: #83df26;
	text-decoration: none;
}
#footer2 a:visited {
	color: #83df26;
	text-decoration: none;
}
#footer2 a:hover {
	color: #83df26;
	text-decoration: underline;
}


/*************************************
FORM ELEMENTS
**************************************/

.formbuttons
{
font-size:12px;
color:#FFFFFF;
background-color:#005481;
border: 1px solid #009933;
}