/* CSS Document */
body {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000000;
background-color: #ffffff;
margin: auto;
padding: 0px;
text-align: center;

}



.errors {
	width: 360px;
	border: #840000 solid 1px;
	margin-top: 20px;
	padding: 3px 3px 3px 3px;
	
	}
	
 .errors p {
	color:#840000;
	font-weight: bold;
	padding-left: 5px;
	
	}
	
 .errors h3 {
	position: relative;
	/*position: absolute;*/
	background-color: #BDC3CE;
	padding-left: 5px;
	padding-right: 5px;
	/*margin-left: 10px;*/
	margin-top: -18px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 100px;
	font-size: 150%;
	font-weight: bold;
	color: #840000;

	}
	
  .errors li {
	color:#840000;
	font-weight: bold;

	}


	
h2 {
	display:none;
	}

/*------ Layout Elements -----------------------------------*/
#container {
	background: url(../layout/bodyrepeat_03.jpg);
	height: 538px;
	width: 893px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5%;
	padding-top: 0px;
	position: relative;
	}
	
.clear {
	clear: both;

	
	}
	
#firstpSingle {

	position: absolute;
	top: 178px;
	left: 200px;
	width: 230px;
	text-align: left;
	font-size: 65%;
	z-index:3;
	line-height: 12px;

}

#firstpSingle h1 {
		margin-top: 0px;
		font-size: 120%;
		color: #1C2F67;
		margin-bottom: 5px;

	}

#firstpSingle p {

	margin-top: 5px;
	margin-bottom: 5px;


}

#firstpSingle a {

	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	}
	
#firstpSingle a:link {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	}
	

	
#firstpSingle a:hover {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	} 
	
#firstpSingle  a:visited {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	} 
	
#firstpSingle  a:active {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	} 
	
#container #firstpSingle ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 0px;

}

#container #firstpSingle ul li {
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 2px;
	}



/*------------  Top Banner -------------*/	
#topimage {
	background:url(../layout/topheader_03.jpg) no-repeat top;
	width: 893px;
	height: 26px;
	} 
	
/*------------  top menu strip -------------*/	
#topstrip {
	background:url(../layout/topmenu1_05_05.jpg) no-repeat top;
	width: 893px;
	height: 32px;
	margin-top: 0px;
	} 

.orangecube {
	background-attachment: scroll;
	background-image:url(../layout/orange_07.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px;
	
	
	
	}
	
#topstrip ul {
	text-align: center;
	margin: auto;
	padding-top: 6px;
	padding-left: 60px;
	list-style-image:url(../layout/orangesquare_06.jpg);

	}
	
#topstrip li {
	
	display: inline;
	margin-right:  2em;
	
	
	
	}

	
#topstrip li a {
	font-size: 70%;
	margin-left: 1.5em;
	
	
}

#topstrip li .flowerbg {
	background: url(../layout/flower_acc_03.jpg) no-repeat;
	background-position: left center;
	background-attachment: scroll;
	}
	
#topstrip li a:link {
	color: #00254D;
	text-decoration: none;

}

#topstrip li a:visited {
	color: #00254D;
	text-decoration: none;
}

#topstrip li a:hover {
	color: #ffffff;
	text-decoration: underline;
}
	
	
/*------------  logo and main menu strip -------------*/	
#logostrip {
	text-align:left;
	margin-top: 0px;
	padding-left: 25px;
	} 
	
#logo {
	margin-left: 1px;
	background: url(../layout/dec06_menu/logo_07.gif) top no-repeat;
	width: 134px;
	height: 113px;
	float: left;
	} 

#menu {
	float:left;
	}
	




.displaynone {
	display: none;
	}
	
.clear {
	clear: both;
	}
	
/*------------ environmental consultancy -------------*/
#environmental {
	background:url(../layout/envconsultancy_16.jpg) no-repeat;
	width: 893px;
	height: 28px;
	margin-top: 0px;
	clear: both;
	} 
	

/*------------ site body -------------*/
#maincontainer {
	text-align:left;
	margin-top: 0px;
	padding-left: 24px;
	position: relative;
	width: 869px;
	} 
	

/*------------ left column -------------*/
#leftcol {
	background:url(../layout/leftCol_18.gif) no-repeat;
	width: 166px;
	height: 367px;
	margin-top: 0px;
	float:left
	} 
	
#leftcol_staff h3 {

	padding-left: 15px;
	font-size: 90%;
	font-weight: bold;
	color:#009900;

}
	
#leftcol_staff ul {
	margin: 0px;
	padding-top: 47px;
	padding-left: 15px;

}
	
#leftcol_staff li {
	padding: 0px;
	margin-top: 0px;
	list-style-type: none;
	color: #00254D;
	font-size: 75%;
	font-weight: bold;

	}
	
#leftcol_staff li a {
	
	color: #ffffff;
	font-size: 80% ;

}
	
#leftcol_staff li a:link {
	color: #ffffff;
	text-decoration: none;
}


	
#leftcol_staff li a:hover {
	color: #02284F;
	text-decoration: none;
}


#leftcol_about .investorsbg {

	width: 166px;
	height: 367px;
	background: url(../layout/investorsbg_19.jpg) no-repeat;

}



#maincontainer  #leftcol_about ul {
	margin: 0px;
	padding-top: 22px;
	padding-left: 5px;

}
	
#maincontainer  #leftcol_about li {
	padding: 0px;
	padding-bottom: 5px;
	margin-top: 2px;
	list-style-type: none;
	line-height: 12px;
	padding-right: 5px;

	}
	
#maincontainer  #leftcol_about li a {
	font-size: 65%;
	font-weight: bold;

}
	
#maincontainer  #leftcol_about li a:link {
	color: #ffffff;
	text-decoration: none;
}



#maincontainer  #leftcol_about li a:visited {
	color: #ffffff;
	text-decoration: none;
}



#maincontainer  #leftcol_about li a:hover {
	color: #00254D;
	background: #ffffff;
	text-decoration: none;
}

#maincontainer  #leftcol_about li a:active {
	color: #00254D;
	background: #ffffff;
	text-decoration: none;
}




#planningleft li a:visited {
	color: #ffffff;
	text-decoration: none;
}





#planningleft li a:hover {
	color: #00254D;
	background: #ffffff;
	text-decoration: none;
}

#planningleft li a:active {
	color: #00254D;
	background: #ffffff;
	text-decoration: none;
}
#leftcol_tenyear {
	background: url(../layout/10year/10yearleft_19.jpg) no-repeat;
width: 166px;
	height: 367px;
	margin-top: 0px;
	float:left
	} 
	
#leftcol_greenfields{
	background: url(../layout/leftgreenfields_19.jpg) no-repeat;
width: 166px;
	height: 367px;
	margin-top: 0px;
	float:left
	} 
	
	
#leftcol_photocomp{
	background: url(../layout/photoleft_19.jpg) no-repeat;
width: 166px;
	height: 367px;
	margin-top: 0px;
	float:left
	} 
	
#leftcol_photocomp .first a{

	display: block;
	height: 115px;
	width: 164px;
	margin-bottom: 5px;
}	
	
#leftcol_home {
	background: url(../layout/leftimages/home_19.jpg) no-repeat;
	width: 165px;
	height: 359px;
	margin-top: 4px;
	margin-left: 3px;
	float:left
	} 
	
	
#leftcol_tattcomp a {
	display: block;
	background: url(../layout/tatton_19.jpg) no-repeat;
width: 166px;
	height: 367px;
	margin-top: 0px;
	float:left
	}
	
#leftcol_scott {
	background: url(../layout/leftscottcopse_19.jpg) no-repeat;
width: 166px;
	height: 367px;
	margin-top: 0px;
	float:left
	}
	
	
#leftcol_charity {
	background: url(../layout/leftimages/charity_19.jpg) no-repeat;
	width: 165px;
	height: 359px;
	margin-top: 4px;
	margin-left: 3px;
	float:left
	}
	
	
#leftcol_tatton {
	background: url(../layout/leftimages/tatton_19.jpg) no-repeat;
width: 166px;
	height: 367px;
	margin-top: 0px;
	float:left
	}
	
#maincontainer #leftcol_about {
	background: url(layout/leftcol-about.gif) no-repeat;
	position:absolute;
	top: 0px;
	left: 23px;
	width: 165px;
	height: 359px;
	margin-top: 4px;
	margin-left: 4px;
	} 
	
	
#leftcol_about .logos {
	background: url(../layout/leftlogo_19.jpg) no-repeat;
width: 166px;
	height: 367px;
	margin-top: 0px;
	float:left
	}	
#leftcol_about .logos .isoqar a{
	display: block;
	margin-top: 50px;
	margin-left: 10px;
	height: 200px;
	width: 150px;
}	


#leftcol_staff {
	background: url(../layout/leftimages/ourstaff_19.jpg) no-repeat;
	width: 165px;
	height: 359px;
	margin-top: 4px;
	margin-left: 3px;	
	float:left;
	} 
	

	
	
/*------------ middle column -------------*/
#maincontainer #middleCol {
	
	position: absolute;
	left: 193px;
	top: 0px;
	width: 245px;
	height: 336px;
	margin-top: 0px;
	float:left;
	margin-left: 0px;
	margin-right: 1px;
	z-index:1;
	} 
	

	
#maincontainer #middleCol a: link {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	}
	
#maincontainer #middleCol  a:visited {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	} 
	
#maincontainer #middleCol a:hover {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	} 
	
	

#maincontainer #middleCol td a:link {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	} 
	
	
#maincontainer #middleCol td a:visited {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	} 
	
#maincontainer #middleCol td a:hover {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	}

#middleColTitle {
	background: url(../layout/headers/tepconsult_21.gif) no-repeat;
	width: 247px;
	height: 31px;

	} 
	
#middleColTitle1 {
	background: url(../layout/headers/tepconsult_211.gif) no-repeat;
	width: 247px;
	height: 31px;
	

	} 
	
#tenyearheader {
	background: url(../layout/10header_20.gif) no-repeat;
	width: 247px;
	height: 30px;

	} 
	
	
#greenfields2 {
	background: url(../layout/greenfields_20.gif) no-repeat;
	width: 247px;
	height: 30px;

	} 
	
#photocomp {
	background: url(../layout/tepphoto_20.gif) no-repeat;
	width: 247px;
	height: 30px;

	}
	
#scottcopseheader {
	background: url(../layout/10year/scottcopse_20.gif) no-repeat;
	width: 247px;
	height: 30px;

	} 
	
#tattonheader {
	background: url(../layout/tatton_20.gif) no-repeat;
	width: 247px;
	height: 46px;

	} 
	
#charityheader {
	background: url(../layout/charities_20.gif) no-repeat;
	width: 247px;
	height: 30px;

	} 	
	
#AboutUs {
	background: url(../layout/headers/aboutus_20.gif) no-repeat;
	width: 247px;
	height: 31px;


	} 
	
	
#vision {
	background: url(../layout/headers/ourvision_20.gif) no-repeat;
	width: 247px;
	height: 31px;

	} 
	
	
#ems {
	background: url(../layout/environmental-man-sys_20.gif) no-repeat;
	width: 247px;
	height: 31px;

	} 
	
#investors {
	background: url(../layout/headers/investors_20.gif) no-repeat;
	width: 247px;
	height: 31px;

	} 	

#qms {
	background: url(../layout/headers/qms_20.gif) no-repeat;
	width: 247px;
	height: 31px;

	} 

#ourpeople {
	background: url(../layout/headers/ourpeople_20.gif) no-repeat;
	width: 247px;
	height: 31px;
} 

#rachel
 {
	background: url(../layout/profile/headers/rachelhayward_20.gif) no-repeat;
	width: 247px;
	height: 29px;
} 


#cath
 {
	background: url(../layout/profile/headers/cathneve_20.gif) no-repeat;
	width: 247px;
	height: 29px;
} 

#david
 {
	background: url(../layout/profile/headers/davidscott_20.gif) no-repeat;
	width: 247px;
	height: 29px;
} 


#emily
 {
	background: url(../layout/profile/headers/emilyrees_20.gif) no-repeat;
	width: 247px;
	height: 29px;
} 

#francis
 {
	background: url(../layout/profile/headers/francishesketh_20.gif) no-repeat;
	width: 247px;
	height: 29px;
} 

#graeme
 {
	background: url(../layout/profile/headers/graemeatherton_20.gif) no-repeat;
	width: 247px;
	height: 29px;
}


#ian
 {
	background: url(../layout/profile/headers/IanGrimshaw_20.gif) no-repeat;
	width: 247px;
	height: 29px;
}

#jobooth
 {
	background: url(../layout/profile/headers/joboothroyd_20.gif) no-repeat;
	width: 247px;
	height: 29px;
}

#philmoseley
 {
	background: url(../layout/profile/headers/philmoseley_20.gif) no-repeat;
	width: 247px;
	height: 29px;
}

#tina
 {
	background: url(../layout/profile/headers/tinashiletto_20.gif) no-repeat;
	width: 247px;
	height: 29px;
}


#ourprojects {
	background: url(../layout/headers/ourprojects_20.gif) no-repeat;
	width: 247px;
	height: 31px;
} 

#joinus {
	background: url(../layout/headers/joinus_20.gif) no-repeat;
	width: 247px;
	height: 31px;
} 

#ContactUs {
	background: url(../layout/headers/contactus_20.gif) no-repeat;
	width: 247px;
	height: 31px;
}

#maincontainer #middleCol #middleColBody {

	background: url(../layout/middlenew.gif) no-repeat;
	width: 232px;
	height: 356px;
	margin-top: 4px;
	margin-left: 1px;
	padding-top:3px;
	padding-left: 5px;
	font-size: 65%;	
	padding-right: 8px;
	position: relative;
	
	} 
	
	
	
#maincontainer #middleCol #middleColBody #awardslink {
	
	background: url(../layout/awards-btn_25.jpg) top no-repeat;
	width: 247px;
	height: 79px;
	position: absolute;
	top: 281px;
	left: 1px;
	
	
	}
	
	

	
	
#maincontainer #middleCol #middleColBody #awardslink a {

display: block;
	width: 247px;
	height: 79px;
	background: url(../layout/awards-btn_25.jpg) top no-repeat;
	
	
	
	}
	
	
	
	
	
	
	
	
#maincontainer #middleCol #middleColBody	#awardslink a:hover {

	background: url(../layout/awards-btn-r_25.jpg) top no-repeat;
	

	
	}
	
	
#maincontainer #middleCol #middleColBody #greening  {


	background: url(../layout/greeningthecity-03.jpg) top no-repeat;
	width: 231px;
	height: 59px;
	position: absolute;
	top: 227px;
	left: 9px;
	z-index: 1;


}


#maincontainer #middleCol #middleColBody #greening a {

	display: block;
	width: 231px;
	height: 59px
	
	
	
	}

#maincontainer #middleCol #middleColBody #greening a:hover {

	background:  url(../layout/greeningthecity-roll.jpg) top no-repeat;
	

	
	}
	
#maincontainer #middleCol #middleColBody a {

	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	}
	
#maincontainer #middleCol #middleColBody img {

	padding-top: 220px;

	}
#maincontainer #middleCol #middleColBody a:link {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	}
	

	
#maincontainer #middleCol #middleColBody a:hover {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	} 
	
#maincontainer #middleCol #middleColBody  a:visited {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	} 
	
#maincontainer #middleCol #middleColBody  a:active {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	} 
	
#middleColBodyShort {
	background:url(../layout/middleCol1_23.gif) no-repeat;
	width: 232px;
	height: 314px;
	margin-top: 0px;
	padding-top:3px;
	padding-left: 5px;
	font-size: 65%;	
		padding-right: 10px;
	}
	
	
#middleColBodyShort a:link {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	}
	
#middleColBodyShort  a:visited {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	} 
	
#middleColBodyShort a:hover {
	color: #1C2F67;
	font-weight: bold;
	text-decoration: none;

	} 
	
#middleColBodyProjects {
	background: url(../layout/ourprojects_19.gif) no-repeat;
	width: 820px;
	height: 352px;
	margin-top: 0px;
	padding-top:15px;
	padding-left: 10px;
	padding-right: 15px;
	font-size: 65%;	
	} 
	
	
#middleColBodyProjects a {
	color: #1C2F67;
	text-decoration: none;
	font-weight: bold;
	}
	
#middleColBodyProjects a:hover {
	color: #1C2F67;
	text-decoration: underline;
	}  
	
 
	
#middleColBodyRecentProjects {
	background: url(../layout/recentproj.gif) no-repeat;
	width: 820px;
	height: 325px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:33px;
	padding-left: 10px;
	padding-right: 15px;
	font-size: 65%;	
	}
	
#middleColBodyRecentProjects .links {
width: 400px;
float: left;
padding-left: 5px;
margin-bottom: 0px;


}

#middleColBodyRecentProjects p {
	margin: 0px;
	clear: both;
}

#middleColBodyRecentProjects a:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}

#middleColBodyRecentProjects a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}


#middleColBodyRecentProjects a:hover {
	color: #1C2F67;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}

#middleColBodyRecentProjects img {
	
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: solid #FFFFFF 2px;
}



#middleColBodyJoinUs {
	background: url(../layout/joinus.gif) no-repeat;
	width: 820px;
	height: 325px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:33px;
	padding-left: 10px;
	padding-right: 15px;
	font-size: 65%;	
	}
	
#middleColBodyJoinUs .links {
width: 375px;
float: left;
padding-left: 5px;
padding-right: 30px;

margin-bottom: 0px;


}

#middleColBodyJoinUs .links p {
margin-top: 5px;


}


#middleColBodyJoinUs .links1 {
width: 405px;
float: left;
padding-left: 5px;

margin-bottom: 0px;


}

#middleColBodyJoinUs .links1 p {
margin-top: 12px;


}


#middleColBodyJoinUs p {
	margin: 0px;
	clear: both;
}

#middleColBodyJoinUs a:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}

#middleColBodyJoinUs a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}


#middleColBodyJoinUs a:hover {
	color: #1C2F67;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}

#middleColBodyJoinUs img {
	
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: solid #FFFFFF 2px;
}


#middleColBodyContactUs {
	background: url(../layout/contactus.gif) no-repeat;
	width: 820px;
	height: 325px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:33px;
	padding-left: 10px;
	padding-right: 15px;
	font-size: 65%;	
	}
	
	
#middleColBodyDownloads {
	background: url(../layout/downloadsfull.gif) no-repeat;
	width: 820px;
	height: 325px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:33px;
	padding-left: 10px;
	padding-right: 15px;
	font-size: 65%;	
	}
	
#middleColBodyNewsDownloads {
	background: url(../layout/newsdownloads.gif) no-repeat;
	width: 820px;
	height: 325px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:33px;
	padding-left: 10px;
	padding-right: 15px;
	font-size: 65%;	
	}
#middleColBodyNewsDownloads .links {
width: 400px;
float: left;
padding-left: 5px;
margin-bottom: 0px;


}

#awardsbg  {

	background: url(../layout/awards_19.gif) top no-repeat;
	width: 403px;
	height: 332px;
	float: left;
	padding-top: 35px;
	padding-left: 10px;


}

#awardsbg  p {
	margin: 0px;
	margin-bottom: 5px;
	clear: both;
	font-size: 65%;
}


#awardsbg a {

	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;


}

#awardsbg a:hover {

	color: #1C2F67;
	text-decoration: none;
	background-color: #FFFFFF;
	


}

#middleColBodyNewsDownloads p {
	margin: 0px;
	clear: both;
}

#middleColBodyNewsDownloads a:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}

#middleColBodyNewsDownloads a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}


#middleColBodyNewsDownloads a:hover {
	color: #1C2F67;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}

#middleColBodyNewsDownloads img {
	
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: solid #FFFFFF 2px;
}
		
		
#middleColBodyDownloads .links {
width: 400px;
float: left;
padding-left: 5px;
margin-bottom: 0px;


}

#middleColBodyDownloads p {
	margin: 0px;
	clear: both;
	
}

#middleColBodyDownloads a:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}

#middleColBodyDownloads a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}


#middleColBodyDownloads a:hover {
	color: #1C2F67;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}

#middleColBodyDownloads img {
	
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: solid #FFFFFF 2px;
}
		
	
	
#middleColBodyTatton {
	background: url(../layout/tattonform.gif) no-repeat;
	width: 820px;
	height: 325px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:33px;
	padding-left: 10px;
	padding-right: 15px;
	font-size: 65%;	
	}
	
#middleColBodyTatton .links {
width: 400px;
float: left;
padding-left: 5px;
margin-bottom: 0px;


}

#middleColBodyTatton p {
	margin: 0px;
	clear: both;
}

#middleColBodyTatton a:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}

#middleColBodyTatton a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}


#middleColBodyTatton a:hover {
	color: #1C2F67;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}

#middleColBodyTatton img {
	
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: solid #FFFFFF 2px;
}
	
		
#middleColBodyContactUs .links {
width: 400px;
float: left;
padding-left: 5px;
margin-bottom: 0px;


}

#middleColBodyContactUs p {
	margin: 0px;
	clear: both;
}

#middleColBodyContactUs a:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}

#middleColBodyContactUs a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}


#middleColBodyContactUs a:hover {
	color: #1C2F67;
	background-color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;

}

#middleColBodyContactUs img {
	
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: solid #FFFFFF 2px;
}



#maincontainer #middleCol #middleColBody p .bold {
	font-weight: bold;
	}  
	
	
/*--------------- Contact Form ------------------*/

.contactForm p {
	clear:left;
	margin-bottom: 5px;
	}

.contactForm p label {
	float: left;

	padding-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	color: #1C2F67;
	font-weight: bold; 
	}
	
.contactForm .fields {
	background-color:#ffffff;
    border: solid 1px #1C2F67;

	}
	
.contactForm p.submit input {
	color: #1C2F67;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	background:#FFFFFF;
	border: solid 1px #7A8C9A;
	}
	
/*------------ right column -------------*/
#maincontainer  #flashcontent {
	position:absolute;
	top: 0px;
	left: 415px;
	width: 435px;
	height: 367px;
	float:left;
	position: relative;
	margin-left: 0px;
	padding-top:0px;
	

	} 

#flashcontentawards {
	width: 435px;
	height: 340px;
	float:left
	} 

/*------------  Copyright Banner -------------*/	
#copybanner  {
	background: url(../layout/btm_strip_2012.jpg) no-repeat;
	width: 893px;
	height: 28px;
	margin:auto;
	text-align: center;
	}
	
#copybanner .rapidweblink a {
display: block;
	margin-left: 630px;
	width: 238px;
	height: 28px;
	}  		


/*------horizontal menu--------*/

.lineheight {
	line-height: 11px;
	margin-bottom: 3px;

	}
	
.ecologyheight {
	line-height: 10px;
	margin-bottom: 3px;
}

.stewardshipheight {
	line-height: 10px;
	margin-top: -2px;
	padding-top: 0px;

}

.stewardshipheight1 {
	line-height: 12px;
	margin-bottom: 1px;

}

.stewardshipheight2 {
	line-height: 10px;


}

#topmenu ul {
		margin: 0;
		padding: 0;
	}
	
#topmenu ul li {
	list-style: none;
	position: relative;
	float: left;
	
	}
	

#topmenu li ul {
	position: absolute;
	left: 5px;
	top: 30px;
	display: none;
	
	
	}
	

	




	
#topmenu li ul li {
	list-style: none;
	margin-top: 0px;

	width: 130px;
	float: none;
	padding: 0px;
line-height: 10px;
	margin-top: 2px;
	margin-bottom: 6px;

	}
	
#topmenu li ul li .show {
	display: block;
	
	}
	
	
#topmenu li ul li a {
	height: auto;
	font-size: 65%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	

}


	
#topmenu li ul li a:link {
	color: #ffffff;
	text-decoration: none;

}



#topmenu li ul li a:visited {
	color: #ffffff;
	text-decoration: none;
}



#topmenu li ul li a:hover {
	color: #00254D;
	text-decoration: none;
}

#topmenu li ul li a:active {
	color: #00254D;
	text-decoration: none;
}
	


	

#topmenu li:hover ul, #topmenu li.over ul { display: block; }





#topmenu li ul.show { display: block; }
	



	
/*------------  Btm Banner -------------*/	
#btmimage {
	background:url(../layout/btm_strip_22.jpg) no-repeat;
	width: 893px;
	height: 26px;
	margin:auto;
	text-align: center;
	} 
	

	




#firstpDouble ul { 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 25px;

}

	.ecologyheight {
	line-height: 10px;
	padding: 0px;
	margin-top: -4px;


	}
	
	.stewardshipheight {
	line-height: 12px;
	padding: 0px;
	padding-bottom: 0px;
	margin-top: 2px;

}

	.stewardshipheight1 {
	line-height: 13px;
	margin-top: -7px;
	

}
.stewardshipheight2 {
	line-height: 11px;
	padding: 0px;
	margin-bottom: 2px;

}
	
 


#topmenu ul li #planning a {
	margin: 0px;
	margin-left: 1px;
	width: 139px;
	
	height: 113px;
	background: url(layout/topmenu071211/planning.gif) top no-repeat;
	float: left;
	
	
}



#topmenu ul li #planning a:hover {

	width: 139px;
	height: 113px;
	background: url(layout/topmenu071211/planning.gif) top no-repeat;
	float: left;

}


#topmenu ul li #design a {	
	
	width: 142px;
	height: 113px;
	background: url(layout/topmenu071211/landscapeurban.gif) top no-repeat;
	float: left;
}

#topmenu ul li #design a:hover {	
	
	width: 142px;
	height: 113px;
	background: url(layout/topmenu071211/landscapeurban.gif) top no-repeat;
	float: left;
}

#topmenu ul li #stewardship a {	
	width: 142px;
	height: 113px;
	background: url(layout/topmenu071211/landstewardship.gif) top no-repeat;
	float: left;
}

#topmenu ul li #stewardship a:hover {	
	width: 142px;
	height: 113px;
	background: url(layout/topmenu071211/landstewardship.gif) top no-repeat;
	float: left;
}

#topmenu ul li #ecology a {	
	width: 141px;
	height: 113px;
	background: url(layout/topmenu071211/ecology.gif) top no-repeat;
	float: left;
}

#topmenu ul li #ecology a:hover {	
	width: 141px;
	height: 113px;
	background: url(layout/topmenu071211/ecology.gif) top no-repeat;
	float: left;
}

#topmenu ul li #strategies a {	
	width: 140px;
	height: 113px;
	background: url(layout/topmenu071211/infrastructure.gif) top no-repeat;
	float: left;
}

#topmenu ul li #strategies a:hover {	
	width: 140px;
	height: 113px;
	background: url(layout/topmenu071211/infrastructure.gif) top no-repeat;
	float: left;
}


/*------ Design menu box -----------------------------------*/
#ecologymenubg a {	
	width: 141px;
	height: 113px;
	background: url(../layout/dec06_menu/cats_11.gif) top no-repeat;
	float: left;
}

#designmenubg a {	
	width: 142px;
	height: 113px;
	background: url(../layout/dec06_menu/cats_09.gif) top no-repeat;
	float: left;
	
}

#planningmenubg a {
	margin-left: 1px;
	width: 139px;
	height: 113px;
	background: url(../layout/dec06_menu/cats_08.gif) top no-repeat;
	float: left;
}

#regenmenubg a {	
	width: 140px;
	height: 113px;
	background: url(/layout/mar2008/strategies_16.gif) top no-repeat;
	float: left;
}

#stewardshipmenubg a {	
	width: 142px;
	height: 113px;
	background: url(../layout/dec06_menu/cats_10.gif) top no-repeat;
	float: left;
	margin: 0px;
}


#leftcol_planning {

	width: 165px;
	height: 359px;
	margin-top: 4px;
	margin-left: 3px;
	background:url(../layout/planning/planningleft2_19.jpg) no-repeat;
	float: left;

}



/*--------------left column----------------*/
#regenleft_home {
	background: url(../layout/envregen/leftimages/home_19.jpg) no-repeat;
width: 165px;
	height: 359px;
	margin-top: 4px;
	margin-left: 3px;
	float:left
	} 


#designleft_home {
	background: url(../layout/design/leftimages/designleft_19.jpg) no-repeat;
width: 165px;
height: 359px;
margin-top: 4px;
margin-left: 3px;
	float:left
	} 

#leftcol_steward {

	width: 165px;
	height: 359px;
	margin-top: 4px;
	margin-left: 3px;
	background: url(../layout/stewardship/leftimages/home_15.jpg) no-repeat;
	float: left;

}

#maincontainer #ecologyleft {
	position:absolute;
	top: 0px;
	left: 23px;
	width: 165px;
	height: 359px;
	margin-top: 4px;
	margin-left: 4px;

	background: url(../layout/leftcolnew.gif) top no-repeat;
	} 
	
#leftimageplace	 {

	position:absolute;
	top: 0px;
	left: 23px;
	width: 165px;
	height: 359px;
	margin-top: 4px;
	margin-left: 4px;
	
	}

#maincontainer #ecologyleft .proj {
	width: 166px;
	height: 367px;
	background:url(../layout/ecology/selectedproj_19.jpg) no-repeat;

}


#leftcol_ecology {

	width: 165px;
	height: 359px;
	margin-top: 4px;
	margin-left: 6px;

	background: url(../layout/cmsleft/left-col.jpg) no-repeat;
	float: left;

}

#leftcol_ecologyProj {

	width: 166px;
	height: 367px;
	background: url(../layout/ecology/leftimages/leftnormalgreen_19.jpg) no-repeat;
	float: left;

}


#maincontainer #ecologyleft .default {
	width: 166px;
	height: 367px;
	background: url(../layout/ecology/leftimages/leftnormalproj_19_19.jpg) no-repeat;

}

#maincontainer #ecologyleft .flower {
	width: 166px;
	height: 367px;
	background: url(../layout/ecology/leftimages/flower_19.jpg) no-repeat;

}
	
#maincontainer #ecologyleft ul {
	margin: 0px;
	padding-top: 22px;
	padding-left: 5px;

}
	
#maincontainer #ecologyleft li {
	padding: 0px;
	padding-bottom: 5px;
	margin-top: 2px;
	list-style-type: none;
	line-height: 13px;
	padding-right: 5px;

	}
	
#maincontainer #ecologyleft li a {
	font-size: 65%;
	font-weight: bold;

}
	
#maincontainer #ecologyleft li a:link {
	color: #ffffff;
	text-decoration: none;
}



#maincontainer #ecologyleft li a:visited {
	color: #ffffff;
	text-decoration: none;
}



#maincontainer #ecologyleft li a:hover {
	color: #00254D;
	background: #ffffff;
	text-decoration: none;
}

#maincontainer #ecologyleft li a:active {
	color: #00254D;
	background: #ffffff;
	text-decoration: none;
}

#ecologyleft_masterplan {
	background:url(../layout/sky_19.jpg) no-repeat;
	width: 166px;
	height: 367px;
	margin-top: 0px;
	float:left
	} 
	
	
#maincontainer #ecologyleft .species {
	width: 166px;
	height: 367px;
	background: url(../layout/ecology/leftimages/species_19.jpg) no-repeat;

}


/*-------------- Middle Col ------------*/
#middleColBodyEcol {
	background: url(../layout/ecology/middlepanel_23.gif) no-repeat;
	width: 247px;
	height: 336px;
	margin-top: 0px;
	padding-top:3px;
	padding-left: 5px;
	font-size: 65%;	
	} 
	
#middleColBodyEcol p {

	margin-top: 0px;
	margin-bottom: 5px;
	padding-top:3px;
	padding-left: 3px;
	padding-right: 7px;
	}
	
#middleColBodyDes p .bold {
	font-weight: bold;
	}  
	
#middleColBodyDes a {


}
	
#middleColBodyDes a:link {
	color: #ffffff;
	text-decoration: none;
}



#middleColBodyDes a:visited {
	color: #ffffff;
	text-decoration: none;
}



#middleColBodyDes a:hover {
	color: #00254D;
	background: #ffffff;
	text-decoration: none;
}

#middleColBodyDes a:active {
	color: #00254D;
	background: #ffffff;
	text-decoration: none;
}


/*------------  Planning btn -------------*/	
#planningfade {	
	margin: 0px;
	
	width: 139px;
	height: 113px;
	background: url(../layout/dec06_menu/cats_bg_08.gif) top no-repeat;
	float: left;
	
}
#planningfade a {
	display: block;
	margin-left:1px;
	width: 139px;
	height: 113px;
}
#planningfade a:link {
	background: url(../layout/dec06_menu/cats_bg_08.gif) top no-repeat;
	}
#planningfade a:visited {
	background: url(../layout/dec06_menu/cats_bg_08.gif) top no-repeat;
	}
#planningfade a:hover {
	background: url(../layout/dec06_menu/cats_bg_orange_08.gif) top no-repeat;
	}
	
	


	
/*------------  Design btn -------------*/	
#designfade {
	margin: 0px;
	width: 142px;
	height: 113px;
	background: url(../layout/dec06_menu/cats_bg_09.gif) top no-repeat;
	float: left;
}
#designfade a {
	display: block;
	width: 142px;
	height: 113px
}
#designfade a:link {
	background: url(../layout/dec06_menu/cats_bg_09.gif) top no-repeat;
	}
#designfade a:visited {
	background: url(../layout/dec06_menu/cats_bg_09.gif) top no-repeat;
	}
#designfade a:hover {
	background: url(../layout/dec06_menu/cats_bg_orange_09.gif) top no-repeat;
	}
	
	


/*------------  Stewardship btn -------------*/	
#stewardshipfade {	
	margin: 0px;
	width: 142px;
	height: 113px;
	background: url(../layout/dec06_menu/cats_bg_10.gif) top no-repeat;
	float: left;
}
#stewardshipfade a {
	display: block;
	width: 142px;
	height: 113px;
}
#stewardshipfade a:link {
	background: url(../layout/dec06_menu/cats_bg_10.gif) top no-repeat;
	}
#stewardshipfade a:visited {
	background: url(../layout/dec06_menu/cats_bg_10.gif) top no-repeat;
	}
#stewardshipfade a:hover {
	background: url(../layout/dec06_menu/cats_bg_orange_10.gif) top no-repeat;
	}




/*------------  Ecology btn -------------*/	
#ecologyfade {	
	margin: 0px;
	width: 141px;
	height: 113px;
	background: url(../layout/dec06_menu/cats_bg_11.gif) top no-repeat;

	float: left;
}
#ecologyfade a {
	display: block;
	width: 141px;
	height: 113px;;
}
#ecologyfade a:link {
	background: url(../layout/dec06_menu/cats_bg_11.gif) top no-repeat;
	}
#ecologyfade a:visited {
	background: url(../layout/dec06_menu/cats_bg_11.gif) top no-repeat;
	}
#ecologyfade a:hover {
	background: url(../layout/dec06_menu/cats_bg_orange_11.gif) top no-repeat;
	}
	
	

	
/*------------ Regeneration btn -------------*/	
#regenerationfade {	
	margin: 0px;
	width: 140px;
	height: 113px;
	background: url(../layout/dec06_menu/cats_bg_12.gif) top no-repeat;
	float: left;
}
#regenerationfade a {
	display: block;
	width: 140px;
	height: 113px;
}
#regenerationfade a:link {
	background: url(../layout/dec06_menu/cats_bg_12.gif) top no-repeat;
	}
#regenerationfade a:visited {
	background: url(../layout/dec06_menu/cats_bg_12.gif) top no-repeat;
	}
#regenerationfade a:hover {
	background: url(../layout/dec06_menu/cats_bg_orange_12.gif) top no-repeat;
	}

#pagetitleadmin {
	position: absolute;
	top: 10px;
	left: 280px;
	z-index: 2;
	width: 450px;
	background-color: #FA921F;
	padding: 4px;
}	
	
#pagetitleadmin label {
	color: #FFFFFF;
	font-weight: bold;
	width: 300px;
	font-size: 70%;
}

#inputadmin {
	margin-left: 20px;
	border: 2px solid #FF6600;
	background-color: #FA921F;
	color: #ffffff;
	font-size: 70%;
	font-weight: bold;
}


#designleft_home {
	background: url(../layout/design/leftimages/designleft_19.jpg) no-repeat;
width: 166px;
	height: 367px;
	margin-top: 0px;
	float:left
	} 


#maincontainer #ecologyleft li { {

	line-height: 14px;

	}

	
#maincontainer #middleCol #middleColBody ul { {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 25px;

}


#topmenu li ul li  { {
line-height: 14px;

}