html { 
min-height:100%; 
margin-bottom:1px; 
}

body{
	margin: 0px;
	padding: 0px;
	font: 0.8em/1em Verdana, sans-serif;
	background: white;
	text-align: center;
}

h1{
	font: bold 1.1em/1.2em Arial, sans-serif;
	background: transparent url(/images/boxtitleimage.gif) no-repeat left 0px;
	color: black;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	text-align: left;
	text-indent: 20px;
	text-transform: uppercase;
}

h2{
	font: bold 1.1em/1.2em Arial, sans-serif;
	background: transparent url(/images/boxtitleimage.gif) no-repeat left 10px;
	margin: 0px;
	padding: 17px 0px 5px 0px;
	text-align: left;
	text-indent: 20px;
	text-transform: uppercase;
}

h3{
	font: bold 1em/1.6em Arial, sans-serif;
	color: black;
	margin: 0px;
	padding: 0px; 
	text-align: left;
}

h4{
	font: bold 0.9em/1.2em Arial, sans-serif;
	color: black;
	margin: 5px 10px 0px 10px;
	padding: 0px; 
	text-align: left;
	text-transform: uppercase;
}

p{
	font: 0.9em/1.8em Verdana, sans-serif;
	color: black;
	text-align: left;
	margin: 0px;
	padding: 5px 0px;
}

p a:link, li a:link{
	color: #01673D;
	text-decoration: underline;
}

p a:visited, li a:visited{
	color: #666666;
	text-decoration: underline;
}

p a:hover, p a:visited:hover, li a:hover, li a:visited:hover{
	color: #F39A00;
	text-decoration: underline;
}

img{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

ul, ol{
	padding: 0px;
	margin: 0px;
	text-align: left;
}

ul li{
	list-style: disc inside;
	padding: 2px 0px;
}

ol li{
	list-style: decimal inside;
	padding: 2px 0px;
}

/*Page layout*/

#container{
	position: relative;
	padding: 0px;
	margin: 0px auto;
	width: 740px;
	height: auto;
	border: 0px;
}

/* header style */
#logo{
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 115px;
	z-index: 2;
}

/*#headpic{
	float: left;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	height: 270px;
	width: 740px;
	z-index: 1;
}*/

/* end of header style */

#content{
  	float:left;
	width: 736px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-left: 2px solid #38BC8B;
	border-right: 2px solid #38BC8B;
}

#mainpagecontent{
  float: left;
  width: 365px;
  padding: 0px;
  padding-bottom: 10px;
  margin: 10px 15px 10px 20px;
}

#mainpagecontent h3{
  margin-top: 10px;
}

#mainpagecontent img{
	/*float: right;*/
	/*margin: 5px 0px 10px 10px;*/
	margin: 5px;
}

#mainpagecontent li{
	font: 0.9em/1.8em Verdana, sans-serif;
	list-style: outside;
	color: black;
	text-align: left;
	margin: 0px;
	margin-left: 20px;
	padding: 5px 0px;
}

#mainpagecontent li li{
	font: 1.05em/1.8em Verdana, sans-serif;
  margin-left: 30px;
}

.vision img{
	float: left;
	clear: both;
	margin: 0px 10px 0px 0px;
}

.vision h3{
	margin-top: 20px;
}

.projecth2{
	border-top: 2px dotted silver;
	border-bottom: 1px solid #37BB89;
	margin-top: 8px;
}

.specialofferh2{
	border-top: 2px dotted silver;
  margin: 10px 0px;
}

#staffpic img{
  float: left;
  width: 60px;
  height: 80px;
  border: 1px solid #37BB89;
  margin: 0px;
  padding: 0px;
  margin-right: 10px;
}

#staffpic p{
  clear: both;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid silver;
}

#linkspage h2{
  background: none;
  margin: 0px;
  padding: 0px;
  text-indent: 0px;
  border-top: 1px solid silver;
  padding-top: 10px;
  margin-top: 10px;
}

iframe{
  border: 1px solid #37BB89;
}

/* footer style */
#footer{
	clear: both;
	font: 0.8em/1.4em Verdana, sans-serif;
	margin: 0px;
	padding: 10px;
	border: 2px solid #37BB89;
  text-align: center;
}

#footer a:link, #footer a:visited{
	color: #01673D;
	text-decoration: underline;
}

#footer a:hover, #footer a:visited:hover{
	color: #F39A00;
	text-decoration: underline;
}

#footer li{
  display: inline;
  text-align: right;
  padding: 0px;
  margin: 10px 5px;
}

.legal{
  line-height: 2em;
  text-align: center;
}

.footnumber{
  font: bold 1.6em Arial, Helvetica, sans-serif;
  text-align: center;
}
/* end of footer style */

/* navigation style */
#accessnav{
  position: absolute;
  top: 5px;
  right: 10px;
  width: 600px;
  text-align: right;
  z-index: 3;
}

#accessnav li{
	display: inline;
	text-align: right;
	font: 0.8em/1.6em Verdana, sans-serif;
	list-style: none;
	padding: 0px;
	padding-left: 10px;
	margin: 0px;
}

#accessnav li a{
	color: #01673D;
	text-decoration: underline;
}

#accessnav li a:hover, #accessnav li a:visited:hover{
	color: #F39A00;
	text-decoration: none;
}

#navigation{
	float: left;
	width: 148px;
	height: auto;
	text-align: left;
	/*background: #97CDB3;*/
	border: 0px;
}

#navigation ul{
  margin: 0px;
  padding: 0px;
}

#navigation li{
	font: bold 0.85em/2.2em Arial, sans-serif; 
	border-top: 1px solid white;
	list-style: none outside;
	padding: 0px;
	margin: 0px;
	text-indent: 10px;
	text-transform: uppercase;
}

#navigation li a{
	display: block;
	background: #97CDB3;
	color: black;
	text-decoration: none;
}

#navigation li a:hover, #navigation a:visited:hover{
	display: block;
	background: #F39A00;
	color: black;
	text-decoration: none;
}

#navigation li a:active{
	display: block;
	background: orange;
	color: black;
	text-decoration: none;
	font-weight: bold;
}

#navigation img{
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: white;
}

#about .about, #services .services, #projects .projects, #news .news, #documents .documents, #contact .contact, #staff .staff, #links .links, #home .home, #products .products{
	color: #222222;
	background: #38BA8A;
	/*background: white;*/
	text-decoration: none;
	font-weight: bold;
}

#navigation .submenu li{
  font: bold 0.8em/1.2em Arial;
  padding: 10px 0px;
  text-indent: 0px;
  background: #E0EFE8;
}

#navigation .submenu li a:link, #navigation .submenu li a:visited{
  margin-left: 10px;
  text-decoration: none;
  background: none;
}

#navigation .submenu li a:hover, #navigation .submenu li a:visited:hover{
  margin-left: 10px;
  text-decoration: underline;
  background: none;
}


/* end of navigation style */

#mission{
	padding: 0px;
	margin: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
	background: white;
	color: black;
}

#mission h1{
	font-size: 1em;
	font-weight: bold;
}

#mission p{
  font-size: 0.85em;
  line-height: 1.6em;
	font-style: italic;
}

/* right column */
#rightcolumn{
  float: left;
  width: 180px;
  margin-bottom: 10px;
  text-align: left;
}

#rightcolumn a{
	text-transform: capitalize;
}

#rightcolumn a:link, #rightcolumn a:visited{
	color: #01673D;
	text-decoration: underline;
}

#rightcolumn a:hover, #rightcolumn a:visited:hover{
	color: #F39A00;
	text-decoration: none;
}

.side h3{
	line-height: 2em;
	background: transparent url(/images/boxtitleimage.gif) no-repeat left 0px;
	margin: 0px 0px 0px 10px;
	text-indent: 20px;
}

.side p{
	font: 0.85em/1.6em Arial, Helvetica, sans-serif;
	margin: 0px 10px;
}

/*.side ul{
	font: 0.85em/1.6em Arial, Helvetica, sans-serif;
	margin: 0px 10px;
	list-style: none inside;
}*/

.side li{
	font: 0.85em/1.6em Arial, Helvetica, sans-serif;
	margin: 0px 10px;
	list-style: none inside;
}

#rightcolumn .side{
	float: right; /*clear: right;*/
	margin: 0px;
	width: 176px;
	background: url(/images/boxspace.gif);
}

.address{
	font: bold 0.85em/1.6em Arial, Helvetica, sans-serif;
	margin-left: 10px;
	display: block;
}

#rightcolumn input{
  width: 158px;
}
/* end of right column */

/* table style */
form{
  margin: 0px;
  padding: 0px;
}

table{
	font: 0.9em/1.8em Arial, sans-serif;
	width: 100%;
	padding: 0px;
	margin: 10px 0px;
	text-align: left;
	padding: 0px;
}

tr{
	padding: 0px;
	margin: 0px;
	height: 25px;
}

td{
	padding: 5px;
	margin: 0px;
}

.tdright{
  text-align: right;
}

input{
  width: 200px;
}

.formbutton{
  font: bold 1em/1.4em Arial, Helvetica, sans-serif;
  border: 1px solid black;
  background: #37BB8A;
  color: black;
  text-transform: uppercase;
  cursor: pointer;
}

.formbutton:hover{
  background: #F39A00;
  border: 1px solid #F39A00;
}

.hidden{
	display: none;
}

abbr{
  cursor: help;
  border: 0px;
}

acronym{
  cursor: help;
}

.sigclear{
  clear: both;
  text-align: right;
}

.errorlist, .ddfmerrors{
  font: bold 0.8em/1.4em Verdana, sans-serif;
  color: red;
  margin: 5px;
}
