@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 	margin:0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block; }
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;
}
table {	border-collapse: collapse;	border-spacing: 0;}
body { margin:0; padding:0; color:#000000; font-family: 'Open Sans', sans-serif;font-size: 85%; background-image:url(../images/wood.jpg); background-position:top center;line-height:1.5em; }
/*-----STRUCTURE-----*/
#wrapper { 	width:960px; overflow:hidden; margin:0 auto 0; padding: 10px 0 0px 10;	background-color: #FFFFFF; margin-bottom:20px;	margin-top:20px;box-sizing:border-box;position:relative}
#wrapper2 { 	width:960px; overflow:hidden; margin:0 auto 0; padding: 10px 0px 10px 10px;	background-color: #FFFFFF; margin-bottom:10px;box-sizing:border-box;	}
.wrapper3 { 	width:960px; overflow:hidden; margin:0 auto 0; padding: 10px 20px 30px 20px;	background-color: #FFFFFF; margin-bottom:10px;box-sizing:border-box;	}
.wrapperplugin { 	width:960px; margin:0 auto 0; padding: 0 0px 20px 0px;	background-color: #FFFFFF;margin-top:15px;box-sizing:border-box;margin-bottom:10px;overflow:hidden;}

#wrapper img {height:200px; float:left;margin-right:70px;margin-left:50px}
.wrapper3 img {width:100%; height:auto;}
.headtext {width:600px;float:right; margin-top:70px;position:absolute;bottom:20px;right:20px}
.homeboxlong {width:294px;height:520px; position:relative;float:left; margin:10px 10px 10px 10px;padding:0;background-color: #FFF;box-sizing:border-box;}

.homeboxlong2 {width:294px;height:520px; position:relative;float:left; margin:10px 10px 10px 10px;padding:0;background-color: #FFF;box-sizing:border-box;}

.boxlong {width:286px;height:480px; position:relative;float:left; margin:10px 20px 10px 0px;padding:0;background-color: #FFF;box-sizing:border-box;}
.boxshort {width:260px;height:380px; position:relative;float:left; margin:10px 20px 10px 0px;padding:0;background-color: #FFF;box-sizing:border-box;}

#bannermenu { 	width:960px; overflow:hidden; margin:0 auto 0; padding: 5px 15px 5px 15px;	background-color: #FFFFFF; margin-bottom:20px; border-top:10px solid #FFF;border-bottom:10px solid #FFF;box-sizing:border-box;}
.topnav {background-color:#FFF; overflow:hidden}
.topnav a {
    float: left;
    display: block;
    color: #fff;
    text-align: center;
    padding: 14px 14px;
    text-decoration: none;
    font-size:1em;margin-right:15px
}
.topnav a:hover {
    background-color: #ddd;
    color: black;
}
.active {
    background-color: #cd7d49;
    color: white;
}
li.active {background:none}
.topnav .icon {
    display: none;
}
.clearbox {clear:both;height:20px}
.featureful {width:100%}
.feature {float:left;margin-right:20px; width:306px}
.feature img {width:100%; height:auto;}
.featureright {margin-left:20px; float:right; width:350px}
.featureright img {width:100%; height:auto;}
.homeboxlong img {width:100%; height:auto;padding-top:10px}
.boxlong img {width:100%; height:auto;padding-top:10px}
.boxshort img {width:100%; height:auto;padding-top:10px}
.topimage img {width:920px; margin-bottom:20px; margin-top:10px}
footer {width:961px; height:220px;border:none; margin:0 auto 0; margin-top:0px; overflow:hidden; padding: 0px 0px 0px 0px;margin-bottom:20px;box-sizing:border-box;}
.footbox {width:307px; height:220px;position:relative;float:left; margin:10px 20px 10px 0px;padding:0;background-color: #FFF;padding:20px;box-sizing:border-box;} 
.ftrght {margin-right:0}
.green {background-color:#60834d}
.greenborder {border-bottom:10px solid #60834d}
.dkgreen {background-color:#173d16}
.dkgreenborder {border-bottom:10px solid #173d16}
.bee {background-color:#bd531f}
.beeborder {border-bottom:10px solid #bd531f}
.orange {background-color:#cd7d49}
.orangeborder {border-bottom:10px solid #cd7d49}
.yellow {background-color:#c5b32b}
.yellowborder {border-bottom:10px solid #c5b32b}
.red {background-color:#d71920; }
.redborder {border-bottom:10px solid #d71920; }

.green a {background-color:#60834d}
.bee a {background-color:#bd531f}
.yellow a {background-color:#c5b32b}
.dkgreen a {background-color:#173d16}
.red a {background-color:#d71920; }
.orange a {background-color:#cd7d49}


    .google-maps {
        position: relative;
        padding-bottom: 40%; 
        height: 0;
        overflow: hidden; margin-bottom:20px;margin-top:20px;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
hr {width: 100%; border-bottom:10px solid #173d16; margin-top:20px; margin-bottom:20px;}

/*-----TEXT-----*/
h1 {font-weight:700; color:#004621;font-size:2.7em; text-align:left; margin-bottom:10px; padding-bottom:0px; line-height:1em; float:right; bottom:10px; right:0px;margin-left:0px; text-transform:uppercase; text-align:right}
h2 {font-weight:500; color:#000;font-size:2em; text-align:left; margin-bottom:0px; padding:0px; line-height:1em;margin:0 }
.headtext h2 {color:#004621;text-align:right;text-transform:uppercase; font-size:1.5em; margin-top:20px}
h3 {font-weight:500; font-size:1.3em; padding: 0 0 10px 0; color:#004621}
p {margin:10px 0 10px 0; font-weight:400}
.homeboxlong h2 {font-weight:500; font-size:1.5em; color:#FFF; padding:10px 10px 15px 10px;}
.homeboxlong2 h2 {font-weight:500; font-size:1.5em; color:#FFF; padding:10px 10px 15px 10px;}
.boxlong h2, .boxshort h2 {font-weight:500; font-size:1.5em; color:#FFF; padding:10px 10px 15px 10px;}
strong {font-weight:600}
.topimage h2 {font-size:3em;}
.wrapper3 h2 {padding:10px 0 10px 0; line-height:1em}
.wrapper3 h3 { padding: 10px 0 10px 0}
.homeboxlong p {padding:0 0px 0 0px; line-height:1.4em}
ul {margin-left:20px; margin-right:20px;}
ol {margin-left:20px; margin-right:20px; list-style:decimal}
li {list-style-type:disc}
ol li {list-style-type:decimal}
.greentext {color:#60834d}
.beetext {color:#bd531f}
.yellowtext {color:#c5b32b}
.dkgreentext {color:#173d16}
.feature p {margin-top:0; margin-bottom:20px}

@media (min-width: 741px) and (max-width: 960px) {
#wrapper { width:760px;padding-bottom:20px}	
.wrapper3, .wrapperplugin { width:760px;}
#wrapper2 { width:760px;}
.topimage img {width:720px}
#bannermenu { width:760px;border-bottom:none}
.topnav a {margin-bottom:10px; padding: 14px 10px;margin-right:10px}
.wrapperplugin {width:760px}
	.feature {width:230px}
.headtext {width:420px;margin-top:40px}
.homeboxlong, .homeboxlong2 {width:351px}	
.boxlong, .boxshort {width:286px}
.homeboxlong img {width:351px}	
footer {width:762px;box-sizing:border-box;height:250px}
.footbox {width:240px;height:250px}
h1 {font-size:2.2em;margin-left:0px}
}
@media (min-width: 640px) and (max-width: 740px) {	
#wrapper { width:640px;padding-bottom:20px}	
#wrapper2, .wrapper3, .wrapperplugin { width:640px;}
.wrapper3 img {width:600px}
#bannermenu { width:640px;}
.headtext {width:370px;}
#bannermenu ul {height:75px}
#bannermenu li {display:inline-block;height:25px;margin-bottom:30px}
.topnav a {margin-bottom:10px}
.feature {float:left;margin-right:20px; width:46%}
.feature img {width:100%; height:auto;}	
.homeboxlong {width:290px;height:550px}
.boxlong, .boxshort {width:280px}
.homeboxlong img {width:290px}
.boxlong img, .boxshort img {width:280px}
footer {width:645px;box-sizing:border-box;height:300px}
.footbox {width:201px;height:300px}
h1 {font-size:2em;margin-left:20px}

}
@media (min-width: 0px) and (max-width: 639px) {
#wrapper { width:auto;height:auto;box-sizing:border-box; margin-left:20px; margin-right:20px}	
#wrapper2, .wrapper3, .wrapperplugin { width:auto;box-sizing:border-box;margin-left:20px; margin-right:20px}
.wrapper3 img {width:100%}
#bannermenu { width:auto;min-height:60px; box-sizing:border-box;margin-left:20px; margin-right:20px; overflow:visible;float:none}	
header { width:auto;height:100%;box-sizing:border-box;}
#wrapper img {width:60%;height:auto;margin-left:20%;margin-right:20%;box-sizing:border-box; clear:both}
.headtext {width:auto;clear:both; margin-left:20px;margin-right:0px;position:relative;margin-top:30px}
.feature {float:left;margin-right:20px; width:45%}
.feature img {width:100%; height:auto;}	
footer {width:auto;height:auto;box-sizing:border-box; margin-left:20px; margin-right:20px}
.footbox {width:100%;height:auto;}
.homeboxlong, .homeboxlong2 {width:auto;height:auto;margin-left:10px; margin-right:20px;padding-bottom:10px}
.boxlong, .boxshort {width:auto;height:auto;margin-left:00px; margin-right:0px;padding-bottom:10px}
.homeboxlong img, .boxlong img, .boxshort img {width:100%}

.topnav {background-color:#173d16}
.topnav a {margin-right:0}
h1 {font-size:2em;margin-left:10px}
.headtext h2 {clear:both}
  .google-maps {

        padding-bottom: 70%; 
}

@media screen and (max-width: 639px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}
@media screen and (max-width: 639px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0; background-color:#DDD
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;border-bottom:10px solid #FFF}
  }