*{
  margin:0;
  padding:0;
  font:normal normal 97% verdana,serif;
  color:#222;
  line-height:1.4em;
}

html{
}

body{
}


/*layout*/

#wrapper{
  margin:10px auto 0 auto;
  width:850px;
}

#left{
  float:left;
  width:389px;
  padding:0 18px 0 18px;
}

#right{
  float:right;
  width:389px;
  padding:0 18px 0 18px;
}

/*footer*/

#clear{
  clear:both;
  margin:0 auto 0 auto;
  padding:0;
  height:31px;
}

#phonenumbers{
  clear:left;
  float:left;
  width:378px;
  background:url("images/phone-background.gif") top left no-repeat #649736;
  color:#fff;
  padding:3px 6px 3px 6px;
  height:31px;
  margin:16px 0 0 18px;
}

#phonenumbers p{
  float:left;
  text-align:left;
  font-size:1.4em;
  padding-left: 5px;
  margin:0;
  color:#fff;
}

#footer{
  clear:right;
  float:right;
  width:360px;
  color:#222;
  float:right;
  font-size:0.7em;
  padding:3px 6px 3px 6px;
  margin:8px 35px 0 0;
}

#footer p{
  text-align:right;
  color:#222;
  margin:4px 0 0 0;
}

#footer img{
  margin:0 0 0 30px;
}

#footer a,
#footer a:active,
#footer a:visited{
  text-decoration:none;
  color:#222;
}

#footer a:hover{
  text-decoration:underline;
}

/*menu*/

#menu{
  background:url("images/menu-background.jpg") #649736 top left no-repeat;
  width:354px;
  padding:30px 5px 10px 30px;
  margin:10px 0 15px 0;
  font-size:1em;
  height: 180px;
  overflow: hidden;
}

#menu li{
  list-style-type:none; 
  color:#fff;
  margin: 0;
  padding: 0;
  line-height: 8%;
}

#menu a,
#menu a:active,
#menu a:visited{
  text-decoration:none;
  color:#fff;
  display:block;
  background:url(images/menu-bullet.gif) left no-repeat;
  padding:0 0 0 20px;
}

#menu a:hover{
  text-decoration:underline;
}

a.on,
a.on:active,
a.on:visited,
a.on:hover{
  text-decoration:underline !important;
}

/*feedback*/

#feedback{
  padding:0 20px 0 0;
  overflow:auto;
  margin:0 auto 0 auto;
  height:160px;
  width:339px;
}

#feedback h3 {	
  font-size:1em;
}

#feedback P {
    font-style: italic;
    color: #649736;
}

#feedback strong{
  width:16px;
  height:18px;
  background:url("images/feedback.gif") left #fff no-repeat;
}


/*specific styles*/

h1{
  width:329px;
  height:71px;
  margin:0 auto 0 auto;
}

h1 span{
  width:329px;
  height:71px;
  position:absolute;
  background:url("images/earthwise.gif") top left #fff no-repeat;
}

h2{
  width:366px;
  height:38px;
  margin:10px auto 8px auto;
}

h2 span{
  width:366px;
  height:38px;
  position:absolute;
  background:url("images/subheading.gif") top left #fff no-repeat;
}

h3{
  color:#468310;
  margin:0 0 10px 0;
  font-size:1.4em;
  font-weight:normal;
}

h4{
  color:#468310;
  margin:0 0 10px 0;
  font-size:1em;
  font-weight:bold;
}

p{
  margin:10px 0 10px 0;
  font-size:0.9em;
}

a img{
  border:0;
}

strong{
  font-weight:bold;
  color:#468310;
}

a,a:active,a:visited{
  text-decoration:underline;
  color:#468310;
}

a:hover{
  text-decoration:none;
}

ul{
  margin:10px 0 10px 20px;
  list-style-type:disc;
  font-size:0.9em;
}

li{
  line-height:1.6em;}


#photo{
  margin:4px auto 6px auto;
}

/*content*/

#content{
  overflow:auto;
  height:261px;
  padding:0 6px 0 0;
}

/*contact form*/

  
#contact table{
  border-collapse:collapse;
width:380px;
}

#contact font {
  color:#ff0000;
}

#contact td{
  padding:0px;
  width:194px;
  vertical-align:top;
}

#contact label{
  display:block;
  width:194px; /*274px*/
}

#contact fieldset{
  border:0;
}

input{
  border:1px solid #669978;
  padding:1px;
/*  width:270px;*/
  margin-bottom:3px;
 }
 
textarea{
  border:1px solid #669978;
  padding:1px;
  width:160px;
  overflow:auto;
  height:142px;
}

#submit{
  color:#fff;
  font-weight:bold;
  width:60px;
  background:#669978;
 margin-top:10px;
  padding:0 1px 0 1px;
}

.thumb, .thumb2 {
    float: left;
    height: 180px;
    width: 176px;
    margin: 0 0 9px 0;
    border: 1px solid #669978;
}

.thumb2 {
    margin-right: 6px;
}

#photowrapper div {
    width: 550px;
    padding-top: 50px;
    margin: 0 auto;
}

#photowrapper p {
    width: 100%;
    text-align: center;
}