body {color:#000;background:#fbfbeb;
font-family: Calibri,Verdana,Helvetica Neue,Helvetica,Arial,sans-serif; }
::-moz-selection { background: #FFCC00; color: black;}
::selection { background: #FFCC00; color: black;}
H1,H2,H3, .tog, .sectog {color: #585860; font-family: Garamond, Palatino, Cambria; font-style: oblique;line-height:1.3em;}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box; 
  -o-box-sizing: border-box; 
  box-sizing: border-box;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  font-size:24px;
    animation: fadein 2.5s;
    -moz-animation: fadein 2.5s; /* Firefox */
    -webkit-animation: fadein 2.5s; /* Safari and Chrome */
    -o-animation: fadein 2.5s; /* Opera */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
 
.scroll-out {width: 100%;height: 0px;background: #000;}
.scroll-in {height: 0px;background: #dddd33;background-image:linear-gradient(to right, #606062, #ddaa11 80%, #eebb11 95%); width: 0%;}

.tocbox {
    background: #ddd;
    border: 1px solid #aaa;
    display: table;
    font-size: 95%;
    margin: auto;
    padding: 20px;
    width: 50%;
}

.tocbox li, #tocbox ul, #tocbox ul li{
    list-style: outside none none !important;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  -ms-box-sizing: inherit; 
  -o-box-sizing: inherit; 
  box-sizing: inherit;
  max-width: 100%;
  }

.highgreen{text-shadow: 0 0 5px #fff;}
.nolist {list-style: none; padding-left: 0;}
.dropbox li:not(:last-child) {margin-bottom: 10px;}
.dropbox li [id^=tog] + .tog:after { content: ' (more...)'; }
.dropbox li [id^=tog]:checked + .tog:after { content: '...'; }
.tog {font-weight:700;font-size:1em;cursor:pointer;text-decoration:underline;line-height:2em;}
[id^=tog]:checked + .tog, .tog:hover {color:#ccdd88; background:#183734;}
.dropbox li [id^=tog] + .tog + ul, .dropbox li [id^=tog] {display:none;padding-left:0;}
.dropbox li [id^=tog] + .tog + ul {padding:10px;margin:5px;list-style-type:disc;list-style-position: inside;border: solid 1px black;border-radius: 25px;                  
    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}
.dropbox li [id^=tog]:checked + .tog + ul {display: block;}

.section li [id^=sectog] + .sectog:after { content: ' (Click to expand.)'; }
.section li [id^=sectog]:checked + .sectog:after { content: ' (Click to hide.)'; }
.sectog {font-weight:700;font-size:1.3em;cursor:pointer;text-decoration:underline; font-style: oblique;line-height:1.3em;}
[id^=sectog]:checked + .sectog, .sectog:hover {color:#fff; background:#dfd3c3;}
.section li [id^=sectog] + .sectog + ul, .section li [id^=sectog] {display:none;padding-left:0;}
.section li [id^=sectog] + .sectog + ul {list-style-type:none;
    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */}
.section li [id^=sectog]:checked + .sectog + ul {display: block;}

@keyframes fadein {
from {opacity:0;} to {opacity: 1;}
}
@-moz-keyframes fadein { /* Firefox */
from {opacity:0;} to {opacity: 1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
from {opacity:0;} to {opacity: 1;}
}
@-o-keyframes fadein { /* Opera */
from {opacity:0;} to {opacity: 1;}
}

a:hover {background: rgba(255,200,0,0.4);color: black;text-shadow:none;text-decoration:none;}

input, textarea, button, a, select {
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

a {color: #000;font-weight:600;text-decoration:underline;z-index:100;}

.masthelp {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: relative;
  top: -50px;
  left: 0;
}

.mastimg {
  flex: 0 1 auto;
  margin: 13px;
  width: 260px;
  height: 200px;
  max-width: 100%;
  border: solid 5px white;
	box-shadow: 
	0px 1px 1px rgba(0,0,0,0.8),
        0px 2px 4px rgba(0,0,0,0.6),
        0px 4px 6px rgba(0,0,0,0.2);
}

.headimg {margin: auto;max-height: 400px;border-bottom: solid 5px black;width:100%}
.masthead, .headimg, .flab {border-bottom-left-radius: 25px;border-bottom-right-radius:25px;}
.ring {display: block; margin: auto;margin-top:30px;margin-bottom:30px;max-width:100%;text-align:center;}

.quote {padding: 15px;padding-top:30px;width:80%; background-color: #c19a6b ; margin: 40px auto;border-bottom: 1px solid #999; text-align: center; font-weight: 800;
        font-family: Quicksand, Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", Cambria, Times, serif;
        color:#4f2e17;font-style:oblique;background-image:linear-gradient(#c19a6b, #a17a4b);text-shadow: 1px 1px 1px #d1aa7b; 
        box-shadow: 0 1px 1px rgba(0,0,0,1), 0 2px 2px rgba(0,0,0,0.8), 0 4px 4px rgba(0,0,0,0.6), 0 8px 8px rgba(0,0,0,0.4), 0 12px 12px rgba(0,0,0,0.2)}

button, .quote, .leadin, .bio, .borderimg, .mastimg, form, .smallimg {border-radius: 25px;} 
.pagenote {display: block;background: #ddaa33;text-align: center; color: #402010;padding: 5px;font-size:.8em;}
.leadin {background-color: #0a3128; background-position: left top; padding: 10px 10px 10px 10px; margin-top: 0px; margin-bottom: 0px; background-size: cover; text-align: center; color: #8ed1c8;}
.legal {display: block;background: #152431;border: 3px solid #efe;color: #efe;padding: 10px;font-size:.8em;width:60%;border-radius:25px;margin:auto;}
.legal a {color: #efe;}
.highlight {display: block;background: #ccdd88;border: 5px solid #3e8178;font-size:.9em;border-radius:25px;color:#556611;padding:20px;padding-bottom:60px;margin:auto;margin-top:15px;margin-bottom:15px;box-shadow: 0px 1px 1px rgba(0,0,0,0.8), 0px 2px 4px rgba(0,0,0,0.6), 0px 4px 6px rgba(0,0,0,0.2);height:auto;}
.width30 {width:30%;}
.width50 {width:50%;}
.width80 {width:80%;}
.borderbox {display: block;background: #fff;border: 5px solid #ddd;border-radius:25px;font-weight:700;font-size:1.7em;line-height: calc(.85em + 32px);text-align:center;color:#3e8178;padding:40px;padding-bottom:60px;width:40%;margin:auto;margin-top:20px;margin-bottom:20px;box-shadow: 0px 1px 1px rgba(0,0,0,1.0), 0px 2px 4px rgba(0,0,0,0.8), 0px 4px 6px rgba(0,0,0,0.6);}

.triangle{
width: 0;
height: 0;
border-width: 50px 50px 0 50px;
border-color: #0a3128 transparent transparent transparent;
border-style: solid;
margin: auto;
max-width: 100%;
}

.headfont{text-align: center; font-size: 1.5em;}
.inlineimg {float:left;margin-right:30px;margin-bottom:30px;}
.borderimg, .smallimg {border: 2px solid #000000; height:auto;}
.borderimg {width:inherit;}
.bio{background-color: #bccc88; background-position: center; margin-top: 0px; margin-bottom: 0px; background-size: cover; margin: auto; padding: 10px;background-image:linear-gradient(#c9cdbd, #bccc88);color:#33352e}
.black{color: black;}
.greenback {color:#445500;}
.green {color:#ccdd88}
.cyan {color:#8ed1c8}
.brown {color:#854300;}
.thick {font-weight:800;}
.smaller{font-size:.8em;}
.intro{margin: auto; border-color: #eae9e9; padding: 10px 10px 10px 10px; margin-top: 50px; margin-bottom: 50px; width: 80%; background-size: cover;text-align: center;text-shadow: 0 0 7px #ebf8e1;}
.notice{color: #996600;background:#ddd;font-weight:600;text-align:center;padding:5px;}
.fullrow, .leadin {white-space: break-spaces; font-weight: 400;}

.fullrow .col{
  float: left;
  width: 50%;
  padding: 10px;
}

.contact {text-align: center;font-weight: 600;}
.cookbox {display: block;background: #afd8cb; color: black;text-align: center;text-shadow: 0 0 7px #ebf8e1;border-top: solid 1px black;border-bottom: solid 1px black;padding:6px;}
.foot{padding: 10px; background: #56320d;color: #fec;text-align: center;font-size:.8em;line-height:1em;font-weight:200;background-image:linear-gradient(#56320d, #000);}
.foot a {color:#fec;}
.cookbox a:hover {box-shadow:none;text-shadow: 1px 1px 1px #dfd3c3;background:#dfd3c3;color:#000;text-decoration:none;}

nav {
  margin: 0;
  padding: 0;
  background-color: #606062;
  top: 0px;
  z-index: 101;
  border-bottom: 5px solid black;
  box-shadow: 0px 15px 25px -5px rgba(0,0,0,0.5);
  font-family: Garamond, Palatino, Cambria; font-style: oblique; font-weight:700;
}

@media all and (min-height:480px){
  nav {
  position: -webkit-sticky;
  position: sticky;
  }
  .scroll-in, .scroll-out {height: 7px;}
}

#logo {
  display: block;
  padding: 0 30px;
  float: left;
  line-height: 60px;
  text-transform: capitalize;
  color: #fec;
  font-weight: bold;
  font-style: oblique;
  font-family: garamond, cambria;
}

nav:after, .masthead:after, .pagenote:after, .fullrow:after, .masthelp:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; 
  filter: alpha(opacity=95); 
  opacity: 0.95;
  z-index: 100;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #606062;
}

nav a {
  display: block;
  padding: 0 20px;
  color: #a2a2a4;
  line-height: 60px;
  text-decoration: none;
  text-shadow:1px 1px 1px #606062;
}

nav ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

nav ul ul li {
  width: 280px;
  float: none;
  display: list-item;
  position: relative;
  max-width: 100%;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 280px;
}

.toggle:after, nav li a:after { content: ' +'; }
li > a:only-child:after { content: ''; }
.toggle, [id^=drop] {display: none;}

nav ul li:hover > ul { display: inherit }
nav a:hover {cursor:pointer;background: #b2b2b4;color: #fec;box-shadow: none;text-shadow:1px 1px 1px #000;}

@media all and (max-width: 1080px) {
.toggle:after, nav li a:after { content: ' (Tap to Show)'; }
.section li [id^=sectog] + .sectog:after { content: ' (Tap to expand.)'; }
.section li [id^=sectog]:checked + .sectog:after { content: ' (Tap to hide.)'; }
.fullrow .col, .headimg, nav ul, nav ul li, nav ul ul, .width80, .width30 {width: 100%;}
.width50, .tocbox, .borderbox, .quote, .legal {width:90%;}
H1,H2,H3,H4,H5,H6 {display: block; margin-top: 60px;}
H2,H3,H4,H5,H6 {border-top:solid black 1px;border-bottom: solid black 1px;}
.tog {font-family: Calibri,Verdana;}
.masthelp {top: 13px;margin-bottom:20px;}
.logo, nav a, .toggle {padding:6px;}
#logo {display: block;padding: 0;text-align: center;float: none;}
nav {margin: 0;}
.toggle + a, .menu { display: none;}
.foot {line-height:1.5em;}
html {
    font-size: -webkit-calc(100% + (100vw - 1000%) / 80);
    font-size: -ms-calc(1em + (100vw - 10em) / 80);
    font-size: calc(1em + (100vw - 10em) / 80);
    line-height: -webkit-calc(8px + 100% + (100vw - 1000%) / 80);
    line-height: -ms-calc(1em + (8px + 100vw - 10em) / 80);
    line-height: calc(8px + 1em + (100vw - 10em) / 80);
}
.dropbox li [id^=tog] + .tog + ul {font-size:.8em;}

.toggle {
  display: block;
  background-color: #fec;
  padding: 0 20px;
  color: #606062;
  text-decoration: none;
  text-align: center;
  border-top: 1px solid #152431;
  width:100%;
}

.toggle:hover {background-color: #606062;color: #fec;}
[id^=drop]:checked ~ ul { display: block;}
[id^=drop]:checked + label:after { content: ' (Tap to Hide)'; }
nav ul li, nav ul ul li {display: block;width: 100%;}
nav ul ul .toggle, nav ul ul a { padding: 0 40px;}
nav ul ul ul a { padding: 0 80px;}
nav ul ul {float: none;position: static;color: #3f585b;}
nav ul ul li:hover > ul, nav ul li:hover > ul { display: none;}
nav ul ul ul li { position: static;}
}