/* CSS Document */

html,body{
	margin:0;
	padding:0;
	background: #587151;
}
body{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
p{
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.imageMargin {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

a{
	color: #90c53c;
}

div#backToTop{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	margin-right: 20px;
	margin-bottom: 35px;
}

div#backToTop a{
	font-weight: bold;
}

hr.dotted{
	background: url('/images/dottedeHLine.gif') no-repeat top center;
  	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/dottedeHLine.gif');
	width: 1px;
	height: 13px;
	border: 0px;
}

* > hr.dotted{
	width: 100%;
	height: 13px;
}

div#container{
	text-align:left;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

div#content p{
	line-height:1.4;
	margin-right: 20px;
	margin-left: 20px;
}
div#navigation{
	height: 573px;
	background-color: #587151;
	background-image: url('/images/navBkgnd.gif');
	float: left;
	width: 265px;
	background-repeat: no-repeat;
}
div#footer{
	color: #FFF;
	float: inherit;
	background-color: #587151;
	width: 670px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
	margin-top: 10px;
	padding: 5px 0 0 20px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 20px;
	margin-bottom: 5px;
	margin-top: 10px;
	padding: 5px 0 0 1px;
/*	border-bottom: #587151 1px solid; */
}

h3.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	margin-left: 20px;
	margin-bottom: 15px;
	margin-top: 25px;
	padding: 5px 0 0 1px;
	width: 250px;
	border-bottom: #587151 1px solid;
	border-top: #587151 1px solid;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #94CA44;
	padding-left: 20px;
	margin-bottom: 5px;
}

h4.h4nolink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #94CA44;
	padding-left: 20px;
	margin-bottom: 5px;
	text-decoration: none;
}

div#footer p{
	margin:0;
	padding:5px 10px;
	text-align: center;
}

div#container{
	width:955px;
	margin:0 auto;
}
div#contentShortpg{
	border-bottom: 3px solid #afc5a4;
	border-left: 3px solid #afc5a4;
	border-right: 3px solid #afc5a4;
	border-top: 0px;
	padding-top: 0px;
	margin-top: -13px;
    min-height: 370px;
	/*height: 380px;*/
}

div#longpage{
	border-bottom: 3px solid #afc5a4; 
	border-left: 3px solid #afc5a4; 
	border-right: 3px solid #afc5a4;
    border-top: 0px;
    padding-top: 0px;
    margin-top: -13px;
    min-height: 370px;
}

div#contentShortpg p{
	line-height:1.4;
	margin-right: 20px;
	margin-left: 20px;
}

/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
    width: 28px; height: 28px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -3px 0px 0px -3px; }
.borderTR { margin: -3px -3px 0px 0px; }
.borderBL { margin: -28px 0px 0px 0px; }
.borderBR { margin: -28px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL {
    margin-left: -7px;
    ma\rgin-left: -3px;
}
html>body .borderTL {
    margin-left: -3px;
}
.borderTR {
    margin-right: -7px;
    ma\rgin-right: -3px;
}
html>body .borderTR {
    margin-right: -3px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .borderBR {
    margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.contentWrapper {
	/* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
	border: 0px;
	width: 670px;
	float: right;
	background-color: #41543e;
}
div#dividerLine {
	position: relative;
	margin-left: 2px;
	padding-top: 140px;
	width: 266px;
}
div#contactLine {
	text-align: center;
	position: absolute;
	top: 559px;
	text-indent: 15px;
}

div#contactLine a{
	font-size: 11px;
	color: #90c53c;
}

div#contactLine a:hover{
	font-size: 11px;
	color: #90c53c;
	text-decoration: none;
}

div#contactLine a:visited{
	font-size: 11px;
	color: #FFFFFF;
}

/* code for multi-column lists */

/* separate list from subsequent content */
div#columnWrapper
{
	width: 630px;
	margin-left: 20px;
}

div#sideLeft{
	float: left;
	width: 280px;
}

div#sideMiddle{
	float: left;
	width: 265px;
}
div#sideRight{
	float: left;
	width: 265px;
}

div#plantLeft{
	float: left;
	width: 200px;
}

div#plantMiddle{
	float: left;
	width: 200px;
}
div#plantRight{
	float: left;
	width: 150px;
}

div#clearFloat{
	clear: both;
}

ul#jobTitle
{
	width: 600px;
	margin: 0; /* brown */
	padding-right: 10px;
	padding-left: 10px;
}
ul#jobTitle li {
	line-height: 13px;
	/* list item dimensions */

  width: 265px;
	height: 26px;
	/* Clear the default margins & padding 
  for cross-browser efficiency */
  margin: 0;
	padding-bottom: 12px;
	/* suppress item markers */
  list-style-type: none;
}

/* Purty it up */
ul#jobTitle li a
{
	display: block;
	width: 265px;
	line-height: 13px;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
	color: #90c53c;
	margin-bottom: 20px;
	margin-top: 10px;
}
/* mouseover gets the underline and white text */
ul#jobTitle li a:hover
{
	color: #FFF; /* white */
	text-decoration: none;
}

ul#plantTitle
{
	width: 450px;
	margin: 0; /* brown */
	padding-right: 10px;
	padding-left: 10px;
}
ul#plantTitle li
{
	/* list item dimensions */

  width: 150px;
	height: 26px;
	/* Clear the default margins & padding 
  for cross-browser efficiency */
  margin: 0;
	padding: 0;
	/* suppress item markers */
  list-style-type: none;
}

/* Purty it up */
ul#plantTitle li a
{
	display: block;
	width: 150px;
	line-height: 11px;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
	color: #90c53c;
}
/* mouseover gets the underline and white text */
ul#plantTitle li a:hover
{
	color: #FFF; /* white */
	text-decoration: none;
}

.plant {
	text-align: center;
}

ul#jobTitle li a {
	line-height: px;
}

.newscontent {
	padding-bottom: 20px;
}