body {
   background: rgb(240,240,240);
   margin: 0; padding: 12px 0 16px 0;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
}
div#pageContainerOuter {
	width: 980px;
	margin: 0 auto;
	border: 0;
	padding: 0;
	background: #fff;
}
div#pageContainer {
	border: 0;
	padding: 18px 25px 14px 25px; /* Using a specific width and also padding will mean IE6 gets the width wrong */
	text-align: left;
	display: block; left: 0; top: 0; right:0; width: auto;
	position: relative;  /* IE6 does not like this. The 'position:relative' elements inside the menubar get thrown out from their correct location. */
	clear: both;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div#pageWidthSpacer {
	width:	930px;
	height:	0;
	clear:	both;
}
	div#leftPane {
		float: left;
		width: 175px;
	}
	div#rightPaneOuter {
		width: 740px;
		padding: 34px 0 0 0;
		float: right;
		position: relative; /* Allow IE6 to position: relative stuff inside this container without getting upset by the page margin.*/
	}
		/* div.menubar */
		/* div.belowMenuSpacer */
		div#centrePane {
			width: 512px;
			float: left;
		}
		div#farRightPane {
			width: 222px;
			float: right;
		}
		/* div.floatDivEnd */
	div#pageTrailer {
		clear: both;
		width: 100%;
		font-size: 11px; 
		color: rgb(106,115,123);
	}
		div.pageTrailerLeft {
			border-top: 1px solid rgb(180,185,189);
			padding-top: 6px;
			margin-top: 6px;
			float: left;
			width: 160px;
		}
		div.pageTrailerRight {
			border-top: 1px solid rgb(180,185,189);
			margin-top: 6px;
			padding-top: 6px;
			float: right;
			width: 740px;
		}

div.menubar {
	clear: both;
}
div.belowMenuSpacer {
	height: 30px;
	width: 100%;
	clear: both;
/*	border-bottom: 1px solid rgb(106,115,123);  At a full 1px wide this is too dark*/
	border-bottom: 1px solid rgb(180,185,189);
}

div.breadcrums, div.breadcrums a {
	padding: 9px 0 0 0;
	font-size: 10px;
	color: rgb(106,115,123);
	text-decoration: none;
}
div.breadcrums a:hover {
	text-decoration: underline;
}

div.titleContainer{
	height: 126px;
	clear: both;
	width: 100%;
}
	div.titleInnerContainer{
		height: 126px;
		display: table-cell;
		vertical-align: bottom;
	}
	div.titleInnerContainer img {
		display: block;
	}

a img {
	border: 0px solid white;
	border-style: none;
}
a {
        /*color: rgb(173,217,182);*/ /* This green is too low contrast for light font "a" text */
       /* color: #79987E; very dk green*/
/*        color: rgb(153,202,159); */ /* slightly darker green, used for push button, and stuff on grey background */
      /*  color: rgb(162,194,151); */ /* dkgreen, same as used for text on grey box.box */
      /*  color: rgb(143,179,131);*/ /* dkgreen, same as used for text on grey box.box */
        color: rgb(102,153,120); /* dkgreen, same as used for text on grey box.box */
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.newstitle {
	font-weight: bold;
	color: rgb(20,20,20);
}
.subnav a {
	font-weight: bold;
}	
div.floatDivEnd {
	clear: both;
	width: 100%;
	height: 0;
}


div.content{
	width: 490px;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: rgb(102,102,102);
}
	div.content a {
		font-weight: bold;
	}
	div.content a:hover {
		color: rgb(15,118,49);
	}
	div.content img {
		margin: 0px 3px 0px 1px;
	}
	h2, div.content h2 {
		/*color: rgb(162,194,151);*/
		color: rgb(173,217,182); 
	/*	color: rgb(102,153,120);*/
		font-weight: bold;
		font-size: 16px;
   		font-family: Arial, Helvetica, sans-serif;
	}
	h1, div.content h1 {
		color: rgb(173,217,182);
		font-weight: normal;
		font-size: 36px;
   		font-family: Arial, Helvetica, sans-serif;
		padding: 0;
		margin: 10px 0px 10px 0px;
		letter-spacing: -1px;
	}


div.searchWrapper {
	color: rgb(106,115,123);
	font-size: 10px;
	height: 38px;
}
	form.search {
		width: 154px;
		height: 20px;
		padding: 0; margin: 0; border: 0; border-style: none;
		background-image: url('/img/search/searchBox.png');
		background-repeat: no-repeat;
		background-position: left;
	}
	form.search input {
		border-style: none;
		padding: 0; margin: 0;
		background: transparent;
		color: rgb(106,115,123);
		margin: 0;
		padding: 0;
		height: 20px;
	}
		form.search input.textbox {
			width: 123px;
			float: left;
			padding: 0 0 0 4px;
			color: rgb(106,115,123);
			font-size: 12px;
			line-height: 19px;
			height: 19px;
		}
		form.search input.submit {
			font-size: 12px;
			line-height: 18px;
			width: 25px;
			height: 20px;
			float: right;
			background: url('/img/search/searchSubmit.png');
			background-repeat: no-repeat;
			background-position: center;
		}

div.lhnav, div.lhnav a {
	color: rgb(102,102,102);	
	display: block;
}
div.lhnav a {
	padding: 2px 0px;
}
div.lhnav a:hover, div.lhnav a.activelink {
	/*color: rgb(173,217,182);*/
        color: rgb(102,153,120);
	text-decoration:none;
}
div.lhnav .orgdots {
	padding: 0px 4px 0px 0px;
        color: rgb(162,194,151); /*color: rgb(153,202,159);*/ /* slightly darker green, used for push button, and stuff on grey background */
		font-weight: bold;
}
div.lhnav .firstlevel {
	padding-left: 0px;
}
div.lhnav .secondlevel {
	padding-left: 9px;
}
div.lhnav .thirdlevel {
	padding-left: 18px;
}