/*PAGE ELEMENT DEFINITION ======================================================================================= */

html {
	height: 100%;
}

body {
  height: 100%;
  margin:auto;
  text-align:center;
  background-color: #c8c8c8;
  background-image: url(../images/interface/leafBG-summer.jpg);  
}
  
#masterContainer {
	position: relative;
	min-height: 100%;
 	clear : both;
	width : 900px;
	margin : auto;
	background-color : #FFFFFF;
}

<!-- height corrector for IE -->
html #masterContainer {
	height: 100%;
}

#siteToolsNavBlock {
	background-color : #FFFFFF;
	width : 100%;
	height : 150px;
	margin : auto;
	text-align :center;	
 	clear : both;
	background-image: url(../images/interface/bg_siteTools.gif);
 	background-repeat: repeat-x;
}

#logoContainerBlock {
	width : 100%;	
	height : 150px;
	margin : auto;
	text-align :center;	
	background-image: url(../images/interface/naturalElementsLogo.gif);
	background-position: 50% 0%;		
 	background-repeat: no-repeat;
 	clear : both;	
}
	
.onePXSpanner {
	height : 1px;
	clear : both;
}

#navButtonContainer {
	height : 40px;
	width : 900px;
	padding : 0px 0px 0px 55px;
	margin : auto;
	text-align :middle;
}

#subnavButtonContainer {
	height : 40px;
	width : 900px;
	padding : 0px 0px 0px 150px;
	margin : auto;
	text-align :middle;
}

#subnavButtonContainerPeople {
	height : 40px;
	width : 900px;
	padding : 0px 0px 0px 75px;
	margin : auto;
	text-align :middle;
}

#siteToolsContainer {
	height : 30px;
	width : 900px;
	margin : auto;
	text-align :right;
}

#logoBlock {
float : left;
padding : 36px 0px 0px 90px;
}

#navBlock {
height : 40px;
margin : auto;
clear : both;
background-image: url(../images/interface/bg_nav.gif);
background-repeat: repeat-x;
text-align : center;
}

#subnavBlock {
height : 30px;
margin : auto;
clear : both;
text-align : center;
}

.navButton {
	width : 110px;
	display : block;
	height : 40px;
	float : left; 
}

.subnavButton {
	display : block;
	height : 30px;
	line-height : 30px;
	float : left; 
	margin : 0px 0px 0px 10px;
}

.subnavButton a {
	text-decoration : none;
	color : #000000;
	font-size : 12px;
}

.subnavButton a:hover {
	color : #bf8a44;
}

.navSpacer {
	display: block;
	width : 1px;
	float : left;
	background-image: url(../images/interface/clear.gif);
}

.subnavSpacer {
	display: block;
	width : 15px;
	float : left;
	background-image: url(../images/interface/clear.gif);
}

.selectedSubnav {
	font-weight : bold;
}

.siteToolsItem {
	float : right;
	margin : 5px 20px 0px 20px;
}

#topGradientDiv {
	height : 9px;
	
}

.searchFieldWrapper {
	text-align : right;
	padding : 1px;
	border-width : 1px;
	border-style : solid;
	border-color: #FFFFFF;
	clear : both;
	width : 150px;
	margin : 0px 0px 4px 0px;
}

.searchField {
	width : 150px;
	height : 18px;
	border-width : 1px;
	border-style : solid;
	border-color: #40403F;
}

<!-- width corrector for IE -->
html #navigation {
	margin-left: 1px;
}

<!-- width corrector for IE -->
html #navBlock {
	margin-top: 1px;
	text-align : right;
}

#mainContentContainer {
	margin : auto;
	width : 900px;
	clear : both;
	min-height : 500px;
	margin : 0px 0px 20px 0px;
}

<!-- height corrector for IE -->
html #mainContentContainer {
	height: 500px;
}

#footer {
	height : 165px;
	clear : both;
	background-image : url(../images/interface/bg_footer.gif);
	background-repeat : repeat-x;
}

#footerText {
	position: relative;
	height : 42px;
	background-color : #000000;
}

#footerBlock {
	position : relative;
	height : 165px;
	margin : auto;
	text-align :middle;
}

#footer a {
	text-decoration : none;
}

#mainContentBlock {
width : 525px;
float : left;
margin : 0px 0px 0px 75px;
}

#sidebarBlock {
width : 200px;
float : right;
margin : 0px 50px 0px 0px;
}

.callToAction {
	background-image : url(../images/interface/calltoactionBG.gif);
	margin : 5px 0px 5px 5px; 
	background-repeat : repeat-y;
	width : 232px;
}

.callToActionContainer {
	margin : 10px 20px 10px 15px; 
	text-align : left;
}

.bodyContentCell {
padding: 0px 0px 30px 0px;
margin : 0px 20px 0px 20px;
clear : both;
}

.sidebarContentCell {
clear : both;
text-align : left;
margin : 25px 0px 0px 0px;
color : #6C6C6C;
}

.nextButton {
	float : right;
	margin : 15px 0px 0px 0px;
}

.homepageImage {
	background-image : url(../images/interface/home.jpg);
 	background-position: 0px 50px;
	background-repeat : no-repeat;
}

.contentCell {
	margin : 25px 0px 0px 0px;
}

/*STYLES FOR COPY AND INLINE OBJECTS============================================================================= */

.siteToolsItem a {
color : #FFFFFF;
font-size : 12px;
text-decoration : none;
font-weight : bold;
}

.siteToolsItem a:hover {
color : #000000;
text-decoration : none;
}

.bodyCopy {
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing : 0.5px;
	text-align : left;
  	color : #6C6C6C;
  	line-height : 16px;	
}

.smallCopy {
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing : 0.5px;
}

.tinyCopy {
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	letter-spacing : 0.5px;
}

.callToActionCopy {
	letter-spacing : .5px;
	line-height : 15px;
}

h1 {
	font-size : 18px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align : left;
}

.homePage {
	font-size : 20px;
	line-height: 18pt;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align : left;
}

h2 {
	font-size : 14px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align : left;
	margin-bottom : 15px;
}

.headlineLink {
	font-size : 14px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align : left;
	margin-bottom : 15px;
	font-weight : bold;
}

.headlineLink a {
	color : #6C6C6C;
	text-decoration : none;
}

.headlineLink a:hover {
	color : #6C6C6C;
	text-decoration : none;
}

.sidebarTitle {
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align : left;
	font-weight : bold;
}

.sidebarTitle a {
	color : #6C6C6C;
	text-decoration : none;
}

.sidebarTitle a:hover {
	color : #6C6C6C;
	text-decoration : none;
}

h3 {
	color : #000000;
	font-size : 16px;
	letter-spacing : 1px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align : left;
	margin-bottom : 15px;
}

li {
	margin-bottom : 10px;
}

.clearer {
	height : 1px;
	clear : both;
	display : block;
}

.whiteText {
	color : #FFFFFF;
}

.blueText {
	color : #2D536B;
}

.greyText {
	color : #6C6C6C;
}

.whiteBG {
	background-color : #FFFFFF;
}

.greyBG {
	background-color : #BDC1C7;
}

.moreInfo {
	float : right;
	margin : 0px 20px 0px 0px;
}

.moreInfo a {
	color : #2D536B;
	text-decoration : none;
}

.moreInfo a:hover {
	color : #2D536B;
	text-decoration : none;
}

.inlineRight {
	float : right;
	margin : 0px 0px 20px 20px;
}

.imageInsetRight {
	background-image: url(../images/interface/imgDropR.gif);
	background-position: top right;
	background-repeat: repeat-y;  
	float : left;
	text-align : right;
	margin: 0px 0px 20px 0px;
}

.inlineImage {
	margin : 0px 8px 0px 0px;
	border-style : solid;
	border-width : 1px;
}

.imageDropshadow {
	background-image: url(../images/interface/imgDropBot.gif);
	background-repeat : repeat-x;
}

.imageInsetLeft {
	float:left;
	margin:0px 20px 0px 0px;
}

.column3 {
	width : 150px;
	padding : 5px;
	margin: 20px 0px 5px 0px;	
	float : left;
}

.column3pad {
	margin: 20px 10px 5px 0px;
}

/*STYLES FOR REPORTS=========================================================================================== */

.fieldSetLegend {
  	font-family : Verdana, Helvetica, sans-serif;
  	font-size: 12px;
  	color : #6C6C6C;
}

.formLabel {
  	font-family: verdana, helvetica, sans-serif;
  	font-size:11px;
	text-align: right;
	display: block;
	float: left;
	margin: 10px;
	margin-top: 3px;
}

.formField {
  	font-family : Verdana, Helvetica, sans-serif;
  	font-size: 11px;
}

.twoColumnFieldset {
width : 200px;
float : left;
margin : 0px 10px 10px 0px;
}

.adminTools {
 padding : 0px 5px 5px 5px;
 text-align : left;
}

.adminTools a {
 font-weight : bold;
 display : block;
 margin-bottom : 2px;
 text-decoration : none;
}

.firstLabel {
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-weight : normal;
	letter-spacing : 0.75px;
	margin : 0px 0px 0px 0px;
}	

.functionalityType a {
 font-weight : normal;
 text-decoration : none;
 color : black;
}

.floatLeft {
float : left;
}

.alignRight {
text-align : right;
}

.alignLeft {
text-align : left;
}

.width100 {
	width : 100px;
}

.width120 {
	width : 120px;
}

.reportLabel {
	text-align: right;
	display: block;
	float: left;
	margin: 3px 5px 10px 5px;
}

.reportLabelNoColumn {
	text-align: left;
	margin: 3px 5px 10px 5px;
}

.reportField {
  	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.reportHeader {
	margin : 0px 0px 0px 0px;
	float : left;
	text-align : right;
}

.reportRow {
	margin : 0px 0px 0px 0px;
	float : left;
	text-align : right;
}