html {
	background: #fff;
	height: 100%;
	background-image: url(../images/background.jpg);
	background-attachment: scroll;
	background-position: top;
	background-repeat: repeat-x;
}

body {
	margin: 0;
	padding: 0;
	font: 9pt Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left; /* Height is 100%, so the tiled BG will tile all the way down
 the page, not just as far down as the page’s content
 (when the content’s height is less than the window’s height) */
	height: 100%;
}
/*
Hackety-hack-hack…
FF2, with the above code, will only display the repeat-y image for as
 high as the window’s viewport is; higher content (upon
 scrolling) will not have the bg.
This "hack" makes the tiled background work properly in FF2.
This type of "advanced selector" is not understood by IE6…dunno
 ’bout IE7.
*/
html>body {
 min-height: 100%;
 height: auto;
}
h1, h2 {
	color: #3C7D55;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Calibri, sans-serif;
	font-weight: 350;
	font-size: 18pt;
}
h3 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Calibri, sans-serif;
		font-size: 15pt;
}
h4 {
	color: #666666;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Calibri, sans-serif;
	font-size: 11pt;
}

table {
	}
td, th {	
	font: 9pt Tahoma, Arial, Helvetica, sans-serif;
	}
textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	font-size: 1em
	}
.DataColor {
	color: #DEDECA
	}
.home_text { 
	font-size: 11pt
	}
.FormBackgroundColor {
	color: #CCCCCC
	}
.NewsDataColor {
	color: #DEDECA
	}
.StoryTitle {
	color: #000000;
	font-weight: bold
	}
.StoryContentColor {
	color: #000000
	}
.TitleColor {
	color: #000000
	}
	
.larger_text {font-size: 12pt}
.larger_text_blue {color: #0077BF}
.blue_text {font-size: 11pt; color: #0077BF}

a{
	color: #44865E;
	text-decoration: none;
}
a:hover {	
	text-decoration: underline;
}
a.arrow {
	font-weight: bold;
	background: url(../images/link_arrow.gif) no-repeat left 4px;
	padding-left: 18px;
	margin-left: 0px;
}
#menu8 {
	width: 200px;
	margin-top: 20px;
}
	
#menu8 li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
}
	
#menu8 li a:link, #menu8 li a:visited {
	color: #fff;
	display: block;
	background: url(../images/menu8.gif) 0 -32px;
	padding: 8px 0 0 25px;
}
	
#menu8 li a:hover {
	color: #fff;
	background: url(../images/menu8.gif) 0 -64px;
	padding: 8px 0 0 25px;
}
	
#menu8 li a:active {
	color: #fff;
	background: url(../images/menu8.gif);
	padding: 8px 0 0 25px;
}

#menu8 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.container {clear:both; float:left; width:100%; overflow:hidden;}
#menu2 {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
  }
#menu2 li {
  float:left; position:relative; right:50%;
  }
#menu2 a {
	width: auto;
	display: block;
	padding: 11px 15px;
	color: #245738;
	font-size: 11pt;
	font-weight: bold;
	background: #64BF88;
	border: 0px solid #fff;
	text-decoration: none;
}
#menu2 a:hover {
	color: #42A167;
	background: #fff;
}