* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial;
  behavior: url(/assets/css/csshover.htc);
}


.right {
 float: right;
}
.clear {
 clear: both;
}

p img{
	margin: 0px 15px 10px 0px;
}

#wrap {
  margin: 20px auto;
  width: 942px;
  position: relative;
}
 
  #logobox {
    width: 230px;
    height: 237px;
    background: #0cbfe3;
    float: left;
  }
    #logo {
      height: 106px;
      width: 219px;
      background: url(../../images/logo.gif) no-repeat;
      position:relative;
	  top:62px;
	  left: 4px;
    }
      #logo h1 {
        display: none;
      }
      
  #img1 {
    float: left;
    position: relative;
    top: -35px;
  }  
      
  #mainnav {
    height: 65px;
    width: 703px;
    background: #96ce1c;
    float: right;
  }    
    #mainnav ul {
      float: right;
      margin: 22px 20px 0px 0px;
      position: relative;
    }
      #mainnav ul li {
        font-size: 18px;        
        list-style: none;
        color: #fff;
        display: block;
        position: relative;
        float: left;
        margin: 0px 5px;
        font-family: Times;
        background: url(../../images/divider_nav.gif) no-repeat right center;
        padding-right: 6px;        
      }
        
       
        
         #mainnav ul li.last {
          background: none;
         }
        #mainnav ul li a {
          color: #fff;
          text-decoration: none;
          padding: 5px;
          font-style: italic;
          display: block;
        }
          #mainnav ul li a:hover,#mainnv li:hover a,  #mainnv li:hover, #menu li a.active {
            background: #bfe028;
          }
  
      #mainnav ul ul {
        display: none;
        background: #bfe028;
        position: absolute;
        margin-top: 0px;
        width: 200px;
        z-index: 99999;
      }
        #mainnav ul li:hover ul {
          display: block;
          z-index: 99999;
        }
          #mainnav ul ul li {
            background: url(../../images/divider_dropdown.gif) no-repeat left bottom;
            padding: 2px 3px;
            width: 180px;
            position: relative;
            z-index: 99999;
          }
            #mainnav ul ul a {
              font-style: normal;
              font-family: Arial;
              font-size: 15px;
              display: block;
            }
              #mainnav ul ul a:hover {
                color: #96ce1c;
              }
        
  
  
  
  #mainpic {
    float: left;
    padding: 9px 8px 9px 9px;
  }
  
  
  
  
  #welcome {
    width: 330px;
    height: 250px;
    background: #bfe028;
    float: right;
  }
    #welcome h2 {
      color: #444;
      font-size: 21px;
      font-family: Times;
      width: 301px;
      height: 26px;
      background: url(../../images/icon_welcome.gif) no-repeat right 8px;
      padding: 19px 10px 5px 10px;
      font-weight: normal;
    }
    #welcome p {
      color: #444;
      font-size: 12px;
      line-height: 16px;
      padding: 0px 10px 10px 10px;
    }
      #welcome a {
       color: #0063a8;
       text-decoration: none;
       font-weight: bold;
      }
        #welcome a:hover {
         text-decoration: underline;
        }
     
  
  
  
  #directions {
    width: 380px;
    height: 136px;
    background: #7adfee;
    float: left;
    margin-left:9px;
    clear: right;
    position: relative;
    top: -35px;
    z-index: 99;
  }
    #directions h2 {
      color: #444;
      font-size: 21px;
      font-family: Times;
      padding: 10px 10px 5px 10px;
      font-weight: normal;
    }
    #directions img {
      padding: 17px 10px;
      float: right;
    }
    #directions p {
      color: #444;
      font-size: 11px;
      line-height: 16px;
      padding: 0px 3px 10px 10px;
      width: 200px;
    }  
      #directions a {
       color: #0063a8;
       text-decoration: none;
       font-weight: bold;
      }
        #directions a:hover {
         text-decoration: underline;
        }
        
        
              
      
  #events {
    width: 410px;
    height: 176px;
    background: #96ce1c;
    float: left;
    position: relative;
    top: -48px;
    z-index: 9;
  }
    #events h2 {
      color: #444;
      font-size: 21px;
      font-family: Times;
      width: 86px;
      height: 26px;
      background: url(../../images/icon_events.gif) no-repeat right 16px;
      padding: 19px 10px 5px 10px;
      font-weight: normal;
    }
    
    #events ul {
      background: url(../../images/divider_events.gif) no-repeat 105px center;
      padding:0px 0 10px 10px;
    }  
      #events li {
        color: #444;
        font-size: 11px;
        line-height: 16px;
        padding: 2px;
        list-style: none;
      }
        #events .date {
         font-weight: bold;
         display: block;
         width: 105px;
         float: left;
        }      
      
    #events p {
      color: #444;
      font-size: 11px;
      line-height: 16px;
      padding: 0px 10px 10px 10px;
    }        
      #events a {
       color: #0063a8;
       text-decoration: none;
       font-weight: bold;
      }
        #events a:hover {
         text-decoration: underline;
        }  
  
  
  .zwrapper {
    z-index: 0;
   }
  
  #img2 {
   float: left;
   background: #fff;
   padding: 8px;
   position: relative;
   z-index: 99;
   top: -50px;
  }
  
  
  
  
  
  #bottom_right_section {
    height: 278px;
    width: 330px;
    background: url(../../images/home_bottom_right.jpg) no-repeat;
    float: right;
    position:relative;
    top:-150px;
    z-index: 99;
  }
    #bottom_right_section h2 {
      color: #444;
      font-size: 21px;
      font-family: Times;
      height: 26px;

      padding: 19px 10px 0px 10px;
      font-weight: normal;
    }
    #bottom_right_section p {
      color: #444;
      font-size: 11px;
      line-height: 17px;
      width: 140px;
      padding: 0px 10px 10px 10px;
    }
      #bottom_right_section a {
       color: #0063a8;
       text-decoration: none;
       font-weight: bold;
      }
        #bottom_right_section a:hover {
         text-decoration: underline;
        }
  
    #bottom_right_section #newsletter {
     font-size: 21px;
     color: #444;
     position: absolute;
     bottom: 0px;
     left: 20px;
     font-family: Times;
     font-weight: normal;
     background: url(../../images/newspaper.gif) no-repeat right top;
     height: 34px;
     display: block;
     padding:15px 71px 0 0;
    }
  
  
label {
 display: block;
 margin-top: 15px;
 color: #444444;
 font-size: 13px;
}

input.submit {
  background: #0CBFE3;
  font-size:14px;
  padding:7px;
  color: #fff;
  border: none;
}