
h1 {border-bottom: solid 2px #81aee9 ;padding-bottom: 1em;font-weight: bold;font-size: 120%;font-size: 50px; text-align: center;font-family: Verdana, Geneva, Tahoma, sans-serif
  ;color: #2e2e2e;}

h2 {font-size: 30px; text-align: left; text-align: center;font-family: Verdana, Geneva, Tahoma, sans-serif
  ;color: #2e2e2e;}

h3 {font-size: 38px;color: #046b85; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; max-width:56% ;
  text-align: left;text-shadow: 2px 2px 5px white,-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;}

h4 {color: #046b85; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;font-size: 30px; max-width:47% ;text-shadow: 2px 2px 5px white,-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;}

h5 {text-align: center;font-size: 35px;color: #046b85; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

h6 {font-size:26px;font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

h7 {font-size:20px;font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

p {text-align:center; font-size: 20px;}

p2, p3 {text-align: left;font-size: 20px;}


th {font-size: 15px;font-size:20px;font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;color: #046b85;}

dt {color: #046b85; font-size: 25px;font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;}

dd {font-size: 20px;}


    .wrapper{
      max-width:1360px;
    }

    #content {width:100%;}


    /*navigation*/

    ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: visible;
      border: 1px solid #fffefe;
      background-color: #82bef0;
      position: fixed;
        top: 0;
        width: 100%;
        font-size: 135%;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    }
    
    li, .subnav {
    float: left;
    border-right:1px solid #fcfafa;
    overflow: hidden;
    background-color: #82bef0;
    }

    .subnav {
      font-size: 101%;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      border-right:1px solid #fcfafa;
      outline: none;
      color: white;
      background-color: inherit;
      margin: 0;
      background-color: #82bef0;
    }

    li a {display: block;
          color: white;
          text-align: center;
          text-size-adjust: 40px;
          padding: 14px 16px;
          text-decoration: none;}
  
  li a:hover, .navbar a:hover, .subnav:hover {
  background-color: #81aee9;
  }
  
  .subnav-content {
    display: none;
    position: absolute;
    left: 0;
    background-color: #82bef0;
    width: 100%;
    z-index: 1;
  }
  .subnav-content a {
    float: left;
    color: white;
    text-decoration: none;
  }
  
  .subnav-content a:hover {
    background-color: #eee;
    color: black;
  }
  
  .subnav:hover .subnav-content {
    display: block;
  }

  .active {
  background-color: #0489aa;
  }


/*extras*/

  .stylediv {padding:20px;
}


    tbody {text-align: center;font-size: 19px;}

    #footer {font-family: Georgia, serif;color: #2b2a2b;background-color: #82bef0;
      padding-top: 30px;
      padding-right: 30px;
      padding-bottom: 30px;
      padding-left: 80px;
      max-width:100%;
      clear:left;
      }

      img {
        float:right;width:280px;height: 170px;
          max-width:100%;
          height:auto;
        }





    /*divs*/

    .mydiv { background-image: url("pics/closeup2.jpg"); max-width:100%;
      padding-top: 50px;
      padding-right: 20px;
      padding-bottom: 130px;
      padding-left: 50px;
      min-height: 35vh;
      }

    .mydivcontact {background-image: url("pics/hugging2.jpg"); max-width:100%;
      padding-top: 50px;
      padding-right: 20px;
      padding-bottom: 130px;
      padding-left: 50px;
      min-height: 35vh;
      text-align: left;
      }

    .mydivev {background-image: url("pics/water2.jpg"); max-width:100%;
      padding-top: 50px;
      padding-right: 20px;
      padding-bottom: 130px;
      padding-left: 50px;
      min-height: 35vh;
      text-align: left;}

    .mydiveve {background-image: url("pics/faraway.jpg"); max-width:100%;
      padding-top: 50px;
      padding-right: 20px;
      padding-bottom: 130px;
      padding-left: 50px;
      min-height: 35vh;
      text-align: left;}

    .divabtitle {background-image: url("pics/in\ forest2.jpg"); max-width:100%;
      padding-top: 50px;
      padding-right: 20px;
      padding-bottom: 130px;
      padding-left: 50px;
      min-height: 35vh;
      text-align: left;}
  
  
    .divbody { text-align: center;
      padding-top: 20px;
      padding-right: 20px;
      padding-bottom: 50px;
      padding-left: 20px;
      }

    .divsecond {text-align: center;
      padding-top: 20px;
      padding-right: 20px;
      padding-bottom: 50px;
      padding-left: 20px;
      }

    .linkdiv {
      background-color: #82bef0;
      color: white;
      padding: 14px 25px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      font-size: 30px;
    }

    .divabout {text-align: left;
    column-count: 3;
    column-gap: 40px;
    column-rule: 1px solid #0489aa;
    column-width: 100px;
    background-color: #82bef0;
    padding-left: 30px;
    padding-top: 10px;
    padding-right: 10px;
    }

    .tabletable{
      padding-bottom: 40px;
    text-align: center;
    padding-left: 450px;
    }

.eventsdiv {background-color: #82bef0;
  padding-top: 20px;
padding-bottom: 40px;
}

.events {text-align: left;
}

.infolotsdiv {padding-bottom: 30px;
  border-bottom: solid 4px #81aee9 ;}


.borderdiv {border-color: #0489aa;
border-style: double;
}





/*media stuff*/


    @media screen and (max-width: 960px){
     
    }
    @media screen and (max-width: 640px){
      /*smaller fonts*/
     p {font-size: 17px;} 
     h1 {font-size: 30px;}
     h2 {font-size: 20px;}
     h3 {font-size: 20px;text-align: left;}
     h4 {font-size: 15px;text-align: left;}
     h5 {font-size: 25px;}
     .linkdiv {font-size: 20px;}
     .divbody , .divsecond {padding-bottom: 30px; padding-top: 30px;}
     .mydiv {padding-bottom: 60px; background-position: center;width: 100%;}
     img {width:90px;height: 50px;}
     tbody {font-size: 14px;}
     #footer {padding-left: 40px;}
    }
    
  

