* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Georgia, Arial;
}

.clear {
  clear: both;
}


a {
 color: #609135;
}

#masthead_wrap {
  height: 99px;
  /*width: 69%;*/
  padding-left: 10px;
}
  #masthead {
   width: 895px;
   margin: 0px auto;
   position: relative;
  }
    #logo {
      width: 263px;
      height: 99px;
      float: left;
      background: url(../../images/logo.jpg) no-repeat;
    }
      #logo h1 {
        display: none;
      }
   
   #masthead #utilities {
      float: right;
      margin-top: 45px;
      width: 270px;
   }
     #utilities li {
       float: left;
       list-style: none;
       margin: 0px 6px;
       font-size: 14px;
     }
       #utilities a {
         color: #8a8e61;
         text-decoration: none;
       }
       #utilities a:hover{
       	color: #79AF4D;
       }
   
   #masthead #paybill {
     position: absolute;
     bottom: -12px;
     right: 30px;
   }    
     #paybill img {
       border: none;
     }  
     
     
#wrap_wrap {
background: #dddbbd;
}       
       
#main_wrap {
  background: #dddbbd url(../../images/bg_main.jpg) no-repeat left bottom;
  /*width: 69%;*/
  padding: 5px 0px 0px 10px;  
}       
  #main {
    width: 897px;
    margin: 0px auto;
  }
  
   #showcase {
     background: url(../../images/bg_showcase.png) no-repeat;
     margin: 20px 0px;
     width:895px;
   }
     #showcase img {
       border: 5px solid #b7b489;
       margin: 16px;
     }
    
    #overlay_wrap {
      width: 897px;
      height: 309px;
      position: relative;
    }
     
     #showcase #overlay {
       width: 320px;
       height: 309px;
       position: absolute;
       background: url(../../images/showcase_overlay.png) no-repeat;
       left: 100px;
	   z-index:1;
     }
       #overlay h2 {
         font-size: 14px;
         color: #5d6242;
         margin: 52px 0px 0px 20px;
       }
          #overlay h2 .date {
            font-weight: normal;
            font-style: italic;
          }
          
      #overlay p {
        font-size: 14px;
        color: #5d6242;
        line-height: 27px;
        margin: 28px 0px 10px 20px;
      }    
          
      #more {
        display: block;
        text-decoration: none;
        height: 34px;
        width: 101px;
        padding: 5px;
        color:#5d6242;
        font-size: 14px;
        background: url(../../images/bttn_readmore.png) no-repeat;
        margin: 15px 0px 10px 20px;
        padding:9px 17px;
      }    
          
          
          
      #callouts {
        margin:25px 0 25px 2px;
      }
        .callout {
          height: 145px;
          width: 275px;
          float: left;
        }
        
        #customerservice {
          background: url(../../images/callout_customerservice.jpg) no-repeat;
          margin-right: 37px;
          color: #145135;
        }
          #customerservice h2 {
            font-size: 20px;
            font-weight: normal;
            text-align: right;
            margin:27px 16px 8px 0px;
            color: #fff;
          }
          #customerservice li {
            list-style: none;
            text-align: right;
            margin-right: 16px;
            font-size: 12px;
            margin-top: 3px;
          }
            #customerservice a {
              color: #145135;
              text-decoration: none;
              border-bottom: 1px solid #3c8867;
            }
            	#customerservice a:hover {
              		color: #145135;
              		text-decoration: none;
              		border-bottom: 1px dashed #3c8867;
           		}

            
            
       #programs {
          background: url(../../images/callout_programs.jpg) no-repeat;
          color: #fff;
          
        }
          #programs h2 {
            font-size: 20px;
            font-weight: normal;
            margin:27px 0px 8px 16px;
            color: #fff;
          }
          #programs li {
            list-style: none;
            margin-left: 16px;
            font-size: 12px;
            margin-top: 3px;
          }
            #programs a {
              color: #fff;
              text-decoration: none;
              border-bottom: 1px solid #9f7656;
            }
            	#programs a:hover {
            		border-bottom: 1px dashed #9f7656;
            	}     

        
        #about {
          background: url(../../images/callout_about.jpg) no-repeat;
          float: right;
          position: relative;
          color: #fff;
        }
          #about h2 {
            font-size: 20px;
            font-weight: normal;
            margin:27px 0px 8px 16px;
            color: #fff;
          }
          #about li {
            list-style: none;
            margin-left: 16px;
            font-size: 12px;
            margin-top: 3px;
          }
            #about a {
              color: #fff;
              text-decoration: none;
              border-bottom: 1px solid #9bc37a;
            }
            	#about a:hover{
            		border-bottom: 1px dashed #9bc37a;
            	}
        
              #about #location {
                position: absolute;
                bottom: 25px;
                right: 88px;
                font-size: 12px;
                border-bottom: none;
              }
        
        
#footer_wrap {
  /*width: 69%;*/
  padding-left: 10px;  
}        
  #footer {
   width: 895px;
   margin: 0px auto;
  }      
    #footer #utilities {
      margin: 10px 0px;
      float: left;
    }    
    
    #footer p {
      float: right;
      color: #8a8e61;
      font-size: 12px;
      width: 410px;
      margin: 10px 0px;
    }    
        
 /* CODE FOR IMAGE ROTATION ON FRONT PAGE */
 /* rotator in-page placement */
    div#rotator {
	position:relative;
	height:264px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:0;
}