body		{
		margin:			0;
		padding:		0;
		text-align:		center;
		font-family:		arial,verdana,sans-serif;
		font-size:		11px;
		font-weight:		normal;
		color:			#cccccc;
		background-color:	#333333;
					}
div#pagewidth	{
		width:			800px;
		text-align:		left;
		min-width:		500px;
		margin-left:		auto;
		margin-right:		auto;
		border:			solid white 0px;
		}

div#header	{
		position:		absolute;
		top:			0px;
		height:			90px;
		width:			800px;
		background-color:	#333333;
		background-image:	url('img/bg-Wheat.top.jpg');
		background-repeat:	no-repeat;
		background-position:	40px 0px;
					}
div#outer	{
		position:		relative;
		top:			90px;
		border-left-width:	40px ;		/* left column width. NN4 hack to hide borders */
		border-left-color:	#000000;	/* left column colour */
		border-left-style:	solid;
		border-right-width:	40px;		/* right column width. NN4 hack to hide borders */
		border-right-color:	#000000;	/* right column colour */
		border-right-style:	solid;
		background-color:	#333333;	/* center column colour */
		width:			auto;
		border:			solid white 0px;
					}
div#inner	{
		margin:			0;
		width:			100%;
					}
div#footer	{
		position:		absolute;
		top:			380px;
		height:			145px;
		width:			800px;
					}
div#maincol	{
		float:			left;
		width:			720px;
		height:			290px;
		position:		absolute;
		left:			40px;
		top:			0px;
		margin:			0px;
		border:			solid white 0px;
					}
div#leftcol	{
		width:			40px;
		height:			290px;
		float:			left;
		position:		absolute;
		left:			0px;
		top:			0px;
		margin:			0px;
		margin:			0px;
		border:			solid white 0px;
					}
div#rightcol	{
		width:			40px;		/* hack keeps NN4 right column right? */
		height:			290px;
		float:			right;
		position:		absolute;
		left:			760px;
		top:			0px;
		margin:			0px;
		border:			solid white 0px;
					}
div#MainTxt	{
		float:			left;
		width:			580px;
		height:			145px;
		z-index:		2;
		position:		absolute;
		left:			0px;
		top:			145px;
		margin:			0px;
		background-image:	url('img/bg-Wheat.bot.jpg');
		background-repeat:	repeat;
		border:			solid white 0px;
					}
div#SubTxt	{
		float:			left;
		width:			580px;
		height:			145px;
		position:		absolute;
		left:			0px;
		top:			0px;
		margin:			0px;
		background-image:	url('img/bg-Wheat.mid.jpg');
		background-repeat:	repeat;
		border:			solid white 0px;
					}
div#ContactContent	{
		float:			left;
		width:			720px;
		height:			auto;
		z-index:		2;
		position:		absolute;
		left:			0px;
		top:			145px;
		margin:			0px;
		background-color:	#666666;
		border:			solid white 0px;
					}
div#ProjectContent	{
		float:			left;
		width:			580px;
		height:			auto;
		z-index:		2;
		position:		absolute;
		left:			0px;
		top:			145px;
		margin:			0px;
		background-image:url('img/bg-Dry.bot.jpg');
		background-position:	0px 0px;
		background-repeat:	no-repeat;
		background-color:	#1c1c1c;
		border:			solid white 0px;
					}
div#SustainContent	{
		float:			left;
		width:			580px;
		height:			auto;
		z-index:		2;
		position:		absolute;
		left:			0px;
		top:			145px;
		margin:			0px;
		background-image:url('img/bg-Green.bot.jpg');
		background-position:	0px 0px;
		background-repeat:	no-repeat;
		background-color:	#0C0B09;
		border:			solid white 0px;
					}
div#RightNav	{
		float:			left;
		width:			140px;
		height:			145px;
		position:		absolute;
		left:			580px;
		top:			0px;
		margin:			0px;
		background-image:	url('img/bg-Wheat.right.jpg');
		background-repeat:	repeat;
		border:			solid white 0px;
					}
div#ContactNav	{
		float:			left;
		height:			145px;
		position:		absolute;
		left:			0px;
		top:			0px;
		margin:			0px;
		border:			solid white 0px;
					}
div#HeaderLogo	{
		width:			144px;
		height:			90px;
		float:			left;
		position:		absolute;
		left:			40px;
		top:			0px;
		margin:			0px;
		margin:			0px;
					}
div#HeaderAbout	{
		width:			144px;
		height:			90px;
		float:			left;
		position:		absolute;
		left:			185px;
		top:			0px;
		margin:			0px;
		margin:			0px;
					}
div#HeaderProjects	{
		width:			135px;
		height:			90px;
		float:			left;
		position:		absolute;
		left:			620px;
		top:			0px;
		margin:			0px;
		margin:			0px;
		border:			solid white 0px;
					}
div#HeaderContact	{
		width:			144px;
		height:			90px;
		float:			left;
		position:		absolute;
		left:			330px;
		top:			0px;
		margin:			0px;
		margin:			0px;
		border:			solid white 0px;
					}
div#HeaderSustain	{
		width:			144px;
		height:			90px;
		float:			left;
		position:		absolute;
		left:			475px;
		top:			0px;
		margin:			0px;
		margin:			0px;
		border:			solid white 0px;
					}
div#Lines	{
		vertical-align:		top;
		position:		relative;
		top:			0px;
		left:			0px;
					}
a		{
		display:		block;
		text-decoration:	none;
		font-size:		13px;
		font-weight:		normal;
		color:			#ffffff;
					}
a:hover		{
		color:			#ffffcc;
		text-decoration:	none;
					}
.NavTop		{
		width:			140px;
		height:			20px;
		line-height:		20px;
		font-weight:		bold;
		padding-top:		70px;
		padding-left:		5px;
		color:			#ffffff;
					}
.NavTop:hover	{
		background-image:	url('img/bg-Trans.gif');
		color:			#ffff99;
					}
.NavSiteMap	{
		font-size:		10px;
		line-height:		13px;
		color:			#ffffff;
					}
.NavSiteMap:hover	{
		color:			#ffff99;
					}
.NavCentral	{
		float:			left;
		text-align:		center;
		width:			10px;
		height:			10px;
		line-height:		10px;
		font-size:		9px;
		font-weight:		normal;
		margin:			5px;
		margin-top:		31px;
		padding:		0px;
		border:			solid white 1px;
					}
.NavCentral:hover	{
		background-color:	#996600;
					}
.NavCentral span{
		display:		none;
					}
.NavCentral:hover span	{
		display:		block;
		text-align:		justify;
		font-weight:		normal;
		font-size:		12px;
		line-height:		15px;
		position:		absolute;
		top:			60px;
		left:			10px;
		width:			560px;
		margin-right:		10px;
					}
.NavRight	{
		background-image:	url('img/bg-RightNav.off.gif');
		background-repeat:	no-repeat;
		display:		block;
		text-align:		left;
		height:			15px;
		line-height:		15px;
		font-size:		10px;
		font-weight:		bold;
		margin:			0px;
		margin-top:		5px;
		padding:		0px;
		padding-left:		30px;
					}
.NavRight:hover	{
		color:			#ffff99;
		background-image:	url('img/bg-RightNav.on.gif');
					}
.NavAbout	{
		color:			#ffff99;
		float:			left;
		text-align:		left;
		width:			135px;
		height:			135px;
		line-height:		13px;
		font-size:		12px;
		font-weight:		bold;
		margin:			0px;
		padding:		5px;
					}
.NavAbout:hover	{
		color:			#ffff99;
		background-color:	transparent;
		background-image:	url('img/bg-Trans.gif');
					}
.NavAbout span{
		display:		none;
					}
.NavAbout:hover span	{
		display:		block;
		text-align:		justify;
		font-weight:		normal;
		font-size:		12px;
		line-height:		15px;
		position:		absolute;
		top:			160px;
		left:			10px;
		width:			560px;
		margin-right:		10px;
					}
.NavLib		{
		color:			#ffff99;
		float:			left;
		text-align:		left;
		width:			135px;
		height:			135px;
		line-height:		13px;
		font-size:		12px;
		font-weight:		bold;
		margin:			0px;
		padding:		5px;
					}
.NavLib:hover	{
		color:			#ffff99;
		background-color:	transparent;
		background-image:	url('img/bg-Lib.gif');
					}
.NavLib span{
		display:		none;
					}
.NavLib:hover span	{
		display:		block;
		text-align:		justify;
		font-weight:		normal;
		font-size:		12px;
		line-height:		15px;
		position:		absolute;
		top:			160px;
		left:			10px;
		width:			560px;
		margin-right:		10px;
					}
a.NavStaffPop	{
		border:			solid #ffffff 0px;
					}
a.NavStaffPop:hover	{
		border:			solid #ffff99 0px;
					}
a.NavStaffCon	{
		color:			#cccccc;
					}
a.NavStaffCon:hover	{
		color:			#ffff33;
					}
a.NavProjectInline	{
		display:		inline;
		font-size:		12px;
		font-weight:		bold;
		color:			#ffff99;
					}
a.NavProjectInline:hover{
		color:			#cccccc;
					}
a.NavProjectInline02	{
		display:		inline;
		font-size:		12px;
		background-image:	url('img/bg-InlineNav.off.gif');
		background-repeat:	no-repeat;
		background-position:	0px 2px;
					}
a.NavProjectInline02:hover{
		background-image:	url('img/bg-InlineNav.on.gif');
					}
.NavProjectInline02 span{
		display:		none;
					}
a.NavProjectInline03	{
		display:		inline;
		font-size:		11px;
		color:			#ffff99;
					}
a.ThumbHighlight	{
		position:		relative;
		left:			-1px;
		height:			150px;
					}
a.ThumbHighlight:hover	{
		background-color:	#ffffff;
					}
a.ThumbHighlight02	{
		height:			136px;
					}
a.ThumbHighlight02:hover	{
		background-color:	#cccccc;
					}
p#CentralMain	{
		font-size:		13px;
		text-align:		left;
		margin:			0px;
		padding:		0px;
		width:			580px;
		height:			145px;
					}
p#OtherProjects	{
		font-size:		11px;
		text-align:		left;
		margin:			0px;
		margin-top:		15px;
		padding:		10px;
		width:			560px;
		background-color:	#333333;
					}
p#RightMenu	{
		margin:			0px;
		padding:		0px;
		padding-top:		10px;
		width:			139px;
		height:			90px;
		border:			solid white 0px;
					}
p#ContactMenu	{
		margin:			0px;
		padding:		0px;
		padding-top:		10px;
		width:			140px;
		height:			70px;
					}
.Number		{
		display:		block;
		width:			30px;
		position:		absolute;
		top:			-30px;
		left:			0px;
		font-size:		15px;
					}
p#Copyright	{
		color:			#999999;
		display:		block;
		width:			145px;
		position:		absolute;
		top:			10px;
		right:			40px;
		font-size:		10px;
		text-align:		center;
					}
p#Address	{
		color:			#999999;
		display:		block;
		width:			145px;
		position:		absolute;
		top:			10px;
		left:			40px;
		font-size:		10px;
		text-align:		center;
					}
table#StaffDirectory{
		width:			580px;
		height:			405px;
					}
td.StaffDetails	{
		width:			280px;
		padding:		5px;
		font-size:		11px;
		vertical-align:		bottom;
					}
img.StaffThumb	{
		float:			left;
		margin:			5px;
		margin-top:		0px;
		border:			solid white 1px;
					}
table#ProjectDirectory{
		width:			580px;
		height:			405px;
					}
td.ProjectDetails	{
		width:			280px;
		padding:		5px;
		font-size:		11px;
		line-height:		13px;
		vertical-align:		bottom;
					}
td.ProjectHeader	{
		width:			145px;
		height:			140px;
		margin:			0px;
		padding:		0px;
		text-align:		center;
		vertical-align:		middle;
					}
td.ProjectPara	{
		width:			560px;
		height:			239px;
		padding:		10px;
		vertical-align:		top;
		font-size:		11px;
		text-align:		left;
					}

img.ProjectThumb	{
		float:			left;
		margin:			5px;
		margin-top:		0px;
		border:			solid #999999 1px;
					}

img.ProjectThumb02	{
		float:			left;
		margin:			0px;
		padding:		0px;
		border:			solid white 0px;
		border-left-width:	1px;
		border-bottom-width:	1px;
					}


/*Printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 

/*hide the right column when printing*/
#rightcol{display:none;} 
#outer{border-right:0;} 
}