html, body {-webkit-font-smoothing: subpixel-antialiased; font-smoothing: subpixel-antialiased; -webkit-text-size-adjust: none; text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
body {font-family: 'Bellota Text', sans-serif; Color: #353b28; background-color: #fff; padding: 0; margin-left: auto; margin-right: auto; text-align:center;}

/*  ********** header *********** */
.seek {padding:20px 0;  max-width: auto}
.searchform {float:right; height: auto; width: auto; padding-top: 15px} 
.logo {max-width: 100%; height: auto; margin-left: auto; margin-right: auto; text-align:center; z-index: 100; margin-top: 25px; margin-bottom: 50px;}
#skip a {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; color: #fff; background: #000;} 
#skip a:focus {position:absolute; left:20px; top:5px; width:auto; height:auto; color: #fff; background: #000;}
main {}
header {background: transparent; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 25px;}

/*  ********** top menu *********** */
#menu {display: inline-block; text-align: center; margin: auto; background: #fff; max-width: 100%; position:relative; z-index:2000; padding-bottom: 0px;}
@media screen and (max-width: 1000px) {
#menu {display: inline; max-width: 100%; margin-left:0; margin-right: 0;}}

* {
  box-sizing: border-box; margin: 0; padding: 0; }
  *:focus {
    outline: 2px dotted #000;
    outline-offset: -2px;
    box-shadow: 0 0 2px 0 inset #fff; }
    *:focus:not(:focus-visible) {
      outline: none;
      box-shadow: none; }
.lead { font-size: 24px; font-weight: 300; }
nav {font-family: 'Bellota Text', sans-serif; font-variant: small-caps; font-weight: 600; font-size: 1.4em;
  background: #fff;
  color: #353b28; }
  nav > button {
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: left;
    justify-content: left;
    margin-left: 20px;
    border: 0;
    background: transparent;
    color: #353b28;
    font-size: 2.5rem; }
  nav ul {
    display: none;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #354636;
    list-style: none; }
    nav ul.show {
      display: grid;
      grid-auto-flow: row;
      grid-auto-rows: max-content; }
  nav a {
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: left;
     padding: 0.75rem .50rem;
    transition: background-color 150ms ease-in-out;
    color: #36541d;
    text-decoration: none; }
    nav a:hover {color: #32557f;
  text-decoration: underline #a23023;}
 nav li {text-align: center; width: 140px;}
@media screen and (max-width: 1300px) {
nav li {width: 100%;  font-size:100%;}}
  nav li.dropdown {padding:0;
    position: relative; }
    nav li.dropdown > a::after {
      content: "▼";
      display: block;
      margin-left: 0.5rem;
      transition: transform 250ms linear;
      font-size: 0.8em; padding-top: 5px;}
    nav li.dropdown > a[aria-expanded="true"]::after {
      transform: rotate(-180deg); }
    nav li.dropdown ul a {line-height: 1;
      padding-left: 1.25rem; }
    nav li.dropdown ul li.dropdown ul a {
      padding-left: 1.375rem; }
@media screen and (min-width: 1080px) {
  nav button {
    display: none; }
  nav > ul,
  nav > ul.show {
    display: grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column; }
  nav .dropdown ul.show {
    position: absolute; }
  nav .dropdown ul ul {
    top: 0;
    left: 100%; } }


/*  ********** titles *********** */
h1 {font-family: 'Style Script', cursive; font-size: 2.4vw; font-weight: normal; text-align: center; color: #902c1e; line-height: normal; padding: 5px 0 15px;}
@media screen and (max-width: 700px) {
  h1 {font-size: 7vw;}
}
h2 {font-family: 'Style Script', cursive; font-size: 1.8vw; font-weight: normal; color: #354636; text-align: left; line-height: 1.1; padding: 15px 0;}
@media screen and (max-width: 700px) {
  h2 {font-size: 7vw;}}
h3 {font-family: 'Style Script', cursive; font-size: 3vw; font-weight: normal; color: #395139; text-align: center; line-height: 1.1; padding: 85px 5px; background: url(../img/flwrbg.png); background-repeat: no-repeat; background-position: center center;}
@media screen and (max-width: 700px) {
  h3 {font-size: 7vw;}}
.offset {font-weight: 600; color: #902c1e;}

/*  ********** front pics *********** */
.pics {margin: 25px 40px 25px; text-align: center; display:inline-block; width:400px; vertical-align: top; display: inline-block;  height: auto; padding-left: 0; font-family: 'Bellota Text', sans-serif; font-weight: 500; font-size: 1.3em; color: #353b28; text-align: left;}
@media screen and (max-width: 400px) {
   .pics {margin-left: 0;}
}
.para1 {text-align: center; margin: 15px auto 15px;}
.picbdy {display:inline-block; overflow: hidden; width:99%;  height: auto: padding: 25px; text-align: center; margin: auto; font-family: arial, verdana, sans-serif; font-size: 1em; font-weight: normal; color: #432415;}

/*  ********** wraps *********** */
#wrapfront {max-width: 100%;  margin-left: auto; margin-right: auto; text-align: center; min-width: 98%; padding: 20px; margin-bottom:30px; margin-top: 70px; background-color: #f6faf5;}
#wrapfront a, #wrapfront a:visited {color:#354636; background:transparent; text-decoration:underline;}
#wrapfront a:hover {color:#a23023; text-decoration: underline overline; cursor: pointer;}
#wraptxt {max-width: 90%; margin-left: auto; margin-right: auto; margin-bottom:20px; margin-top: 10px; padding: 20px 0; text-align: center; min-width: 90%; border-top: 1px solid #d8e8da; border-bottom: 1px solid #d8e8da;}
#wraptxt a, #wrapfront a:visited {color:#354636; background:transparent; text-decoration:underline;}
#wraptxt a:hover {color:#a23023; text-decoration: underline overline; cursor: pointer;}

/*  ********** general page *********** */

.intcont {display: inline; width: 100%; height: auto; text-align: center; margin-left: auto: margin-right: auto; clear:both; margin-bottom: 65px; margin-top: 45px;}
.intcont a:link, a:visited {color:#354636; background:transparent; text-decoration:underline;}
.intcont a:hover {color:#fff; background:#354636; text-decoration:underline; cursor: pointer;}
.intcontpic {display: inline-block; width: 40%; height: auto; vertical-align: middle;}
@media all and (max-width:800px) {
    .intcontpic {width: 96%;}
}
.intconttxt {display: inline-block; width: 40%; height: auto; padding-left: 15px; font-family: 'Bellota Text', sans-serif; font-weight: 500; font-size: 1.4em; color: #353b28; vertical-align: middle; text-align: left; background: url(../img/flowerfrnt.png); background-repeat: no-repeat; background-position: center center; }
@media all and (max-width:900px) {
    .intconttxt {width: 96%; padding-right: 5px;}
}
.news {width: 100%; height: auto; padding:20px 20px; font-family: arial, verdana, sans-serif; font-size: 1.3em; font-weight: normal; color: #000; text-align: center; line-height: normal; margin: auto;}
.news a:link, visited {color:#A27960; background:transparent; text-decoration:underline;}
.news a:hover {color:#41A354; background:transparent; text-decoration:none; cursor: pointer; font-style: normal}
@media screen and (max-width: 700px) {
  .news {max-width: 100%; text-align: center; min-width: 98%; margin:0; padding:5px 5px;}
}
.textnbg {max-width:90%; padding:0px 20px; font-family: 'Bellota Text', sans-serif; font-size: 1.2em; font-weight: normal; color: #000; text-align: left; line-height: 1.2; margin: auto;}
@media all and (max-width:1024px) {
    .textnbg {max-width: 96%;}
}

.newstuff {width: 100%; overflow: hidden; height: auto: text-align: center; margin: auto; font-family: arial, verdana, sans-serif; font-size: 1.2em; font-weight: normal; color: #432415;}
.imgset {border: 0; max-height:auto; max-width: 100%;}
.imgbl {border: 0; max-height:auto; max-width: 100%; display:block;}
.imgrnd {border: 0; max-height:auto; max-width: 100%; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 16px 0 rgba(0, 0, 0, 0.02);}
.vdivider {padding: 85px 0 40px; text-align: center; margin: auto;}
@media all and (max-width:400px) {
    .vdivider {display:none;}
}
@media all and (min-width:700px, max-width: 900px;) {
    .vdivider {padding: 25px 0 5px;}
}
.lrgdivider {padding: 20px; text-align: center; margin: auto; }
.form {font-family: 'Bellota Text', sans-serif; font-weight: 500; font-size: 100%; color: #354636; text-align: left; padding: 0;}
.formbodywht {background: transparent; padding; 20px; margin-bottom: -6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom: 30px}
.formfrnt {font-family: 'Bellota Text', sans-serif; font-weight: 500; font-size: 110%; color: #354636; border: 2px solid #354636; padding-bottom: 2px; padding-top: 2px; padding-right: 3px; padding-left: 3px; background: transparent; margin-bottom: -6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
input, textarea, button {outline: none; }
input[type=text] {width: 95%; height: 40px; line-height: 40px;}
textarea {width: 95%; height: auto; line-height: 40px;}

/*  ********** footer *********** */
footer {width: 100%; text-align:center; margin:30px auto; padding:10px 10px;}
footer a, #close a:visited {color:#354636; background:transparent; text-decoration:underline;}
footer a:hover {color:#a23023; text-decoration: underline overline; cursor: pointer;}
.navcol {background: transparent; display:inline-block; margin:25px 30px 25px; width: 420px; text-align:center; vertical-align: top;}
@media screen and (max-width: 500px) {
.navcol {text-align:left; display: block; max-width: 98%; margin: 20px 10px 20px 5px;}
}
.bot ul {display: inline; text-align:left padding-bottom: 10px;  vertical-align: top;}
@media screen and (max-width: 500px) {
.bot ul {max-width: 98%; margin-bottom: 20px; padding-right: 20px; text-align: left;}
}
.bot li {display: block; margin-left: 0px; list-style-type:none; font: 600 120% 'Bellota Text', sans-serif; color:#354636; text-align: left;line-height: 1.2;}
@media screen and (max-width: 500px) {
.bot li {}
}
.spec ul {display: inline; text-align:left padding-bottom: 10px;  vertical-align: top;}
@media screen and (max-width: 500px) {
.spec ul {max-width: 98%; margin-bottom: 20px; padding-right: 20px; text-align: left;}
}
.spec li {display: block; margin-left: 0px; list-style-type:none; font: 600 90% 'Bellota Text', sans-serif; color:#354636; text-align: left;line-height: 1.2;}
@media screen and (max-width: 500px) {
.spec li {}
}
#botinfo {text-align:center; margin: auto; max-width: 100% padding: 20px 20px;}
#close {padding:0px 0px; margin:10px auto; font-family: 'Bellota Text', sans-serif; font-size:75%; font-weight: normal; color: #354636; line-height: normal; text-align: center;}
.gowrap {position: relative; overflow: hidden; max-width:100%;  height: 40%; padding-bottom: 30px; margin: 4% 0 5%; text-align: left; background: #fff;}
#toTop {
  display:none;
  text-decoration:none;
  position:fixed;
  bottom:10px;
  right:10px;
  overflow:hidden;
  width:51px;
  height:51px;
  border:none;
  text-indent:100%;
  background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
  background:url(../img/ui.totop.png) no-repeat left -51px;
  width:51px;
  height:51px;
  display:block;
  overflow:hidden;
  float:left;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
  outline:none;
}