#main {
  float: left;
  margin-right: -100%;
  width: 100%;
}
#search {
  float: right;
  margin-top: 10px;
}
#search-input, #search-button {
  background: none;
  padding: 4px;
}
#search-input {
  border: 1px solid #ccc;
  width: 150px;
}
#search-button {
  border: none;
  color: #676767;
  cursor: pointer;
  font-family: georgia,times-roman,serif;
  font-size: 16px;
  transition: opacity .25s;
}
#search-button:hover,
#search-button:focus {
  opacity: .5;
}

#search-button::-moz-focus-inner {
  border: 0 none !important;
}
#top-nav {
  right: 0px;
  bottom: 0;
  padding: 10px;
  position: absolute;
  text-align: right;
  width: 600px;
  z-index: 3;
}

#body { margin: 30px 190px 20px;} /* margins same width as left and right columns */
.full-width #body { margin: 30px 0 20px; }
.full-width #content { background: none; border: none; }

#right { /* right column placement */
  display: inline;
  float: right;
  width: 180px;
  padding-top: 20px
}

#left { /* left column placement */
  display: inline;
  float: left;
  width: 180px;
  padding-top: 20px
}

#nav-left {
  margin: 0; padding: 0;
}

address#address {
  margin: 0; padding: 0.5em 0;
}

/* THIS FOR REGISTRATION FORM */
.nav-form { /* trying to sit at bottom of right col */
/*  padding: 8px 5px 5px 5px; */
/*  border-bottom: 1px dotted #000; */
/*  padding-bottom: 15px; */
/*  background: url(/images/template/grn-l.gif) repeat-x 0 0%; */
  background-position:bottom;

}


#email { /* field and label */
  width: 160px;
/*  float: right; */

}
#mail-join { /* button */
/*  float: right; */
  height: 18px;
  margin-top: 4px;
  margin-bottom: 14px;
  padding: 0;
  position: relative; left: 3px;
  width: 60px;
}
  


#foot {
  clear: both;
  margin: 0 0 5px 0;
  margin-top: 25px;
 }

#please {
  float: left;
  padding: 0.4em 0.4em 0.4em 0.4em;
  width: 150px;
  height: 36px;
/*  background: #ffebdc; */
/*  border-left: 1px dashed #224a29; */
/*  border-right: 1px dashed #224a29; */
}

#thanks {
  float: right;
  padding: 0.4em 0.4em 0.4em 0.4em;
  width: 150px;
  height: 36px;
/*  background: #ffebdc; */
/*  border-left: 1px dashed #224a29; */
/*  border-right: 1px dashed #224a29; */
}

#attribution  /* trying to get this to sit under everything else. it keeps floating up */
{ clear: both; }

/* ===== JSV Errors ===== */
html body .error, .JSVerror {
  background: #fff none;
  color: #fff;
# color: #c00;
}

html body input.JSVerror,
html body input.error,
html body select.JSVerror,
html body select.JSVerror option,
html body select.error,
html body select.error option,
html body textarea.JSVerror,
html body textarea.error,
html body div.error{
  background: #fee none;
  border-color: #f00;
  color: #000;
}




body {
  font-family: "Trebuchet MS",sans-serif;
  background: #fff;
}
#wrap {
  width: 820px;
  margin: 0 auto;
  position: relative;
}

a {
  color: #374239;
  text-decoration: none;
  border-bottom: 1px solid #f90;
}
a:visited {
  color: #555;
  text-decoration: none;
  border-bottom: 1px dotted #839F81;
}
a:active, a:hover {
  color: #000;
  border-bottom: 1px solid #839F81;
}

img {
  vertical-align: bottom;
}
h1 {
  margin: 0 0 0.5em 0;
  font-size: 1.8em;
  font-family: georgia,times-roman,serif;
  font-weight: normal;
  line-height: normal;
  color: #224a29; }
h2 {
  margin: 0 0 0.5em 0;
  font-size: 1.2em;
  font-family: georgia,times-roman,serif;
  font-weight: normal;
  letter-spacing: .2em;
  text-transform: uppercase;
  padding: 0 0 3px 0;
  color: #224a29; }
h3 {
  margin: 0 0 0.15em 0;
  font-size: 1.5em;
  font-family: georgia,times-roman,serif;
  font-weight: normal;
  letter-spacing: .03em;
  color: #000; }
h4 {
  margin: 0;
  font-size: 1.2em;
  font-family: georgia,times-roman,serif;
  font-weight: normal;
  letter-spacing: .03em;
  color: #224a29; }
h5 {
  margin: 0;
  font-size: 1em;
  color: #000; }
h6 {
  margin: 0; padding: 0 1em 0 0;
  font-size: 1em;
  float: left; 
  color: #224a29;}

p { margin: 0 0 1em 0; }

.previous {display: inline; padding: 0 346px 0 0; float: left;}
.next {float: right; text-align: right; display: inline; margin-bottom: 40px; margin-right: 20px;} /* tried to give space below but it's not working */

#wrap { background: #fff; }

#mast {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
#mast h1 {
  margin: 0;
}
#mast h1 a {
  border-bottom: none;
  display: block;
  margin: 0; padding: 0;
  overflow: hidden;
  width: 122px; height: 89px;
  background: url(../img/masthead-simplified.jpg) top left no-repeat;
  text-indent: -9999px;
}
#head {
  background: url("../img/grn-l.gif") 0 100% repeat-x;
  padding: 3px 0 10px; /* top for #head-note, bottom for image below */
  position: relative;
}

#head-note {
  position: absolute;
  top: 0; left: 0;
  padding: 0.5em 15px;
  font-size: 0.7em;
  line-height: 1em;
  color: #fff;

}

#section-title {
  font-size: 0.7em;
  line-height: 1em;
  padding-top: 0.75em; padding-bottom: -0.5em;
/*  border-top: 1px dashed #224a29; */
  color: #333;
}

#section-title P {
  margin-left: 120px
  margin-right: 180px
/*  border-bottom: 1px dashed #224a29; */

}

#section-title strong a {
  color: #555;
  text-decoration: none;
  border-bottom: 1px solid #f90;
}

#section-title strong a:hover,
#section-title strong a:active {
  color: #000;
  border-bottom: 1px solid #839F81;
}


#content {
  background: #fbfbfb; 
  border: 1px solid #efefef;
  line-height: 1.5em;
  letter-spacing: .125px;
  font-size: 12px;
  color: #333;
  overflow: hidden;
  padding: 12px;
  animation: fadein 2s;
}
@keyframes fadein {
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}

#content a:link,
#content a:visited {
  color: #555;
  text-decoration: none;
}
#content a:hover,
#content a:active {
  color: #000;
/*  background: #f4f2e4; */
}

/* background: #EFEFEF; #F5F5F5; fefefe - close but too faint - #fdfdfd;*/
/* too faint: fefefe/f5f5f5, fcfcfc
/* too dark: f3f3f3/333, efefef/f5f5f5  f0f0f0 f9f9f9*/
#left, #right { 
  font-size: 0.8em; 
  color: #333; 
  margin-top: 30px;
}


/* #right a.link {
  color: #555;
}

#right a:visited,
#right a:hover,
#right a:active {
  color: #000;
} */

#right h3,
#left h3 {
  font-family: "Trebuchet MS",sans-serif;
  font-size: 1em;
  font-weight: normal;
  color: #333;
  letter-spacing: .2em;
  text-transform: uppercase;  
  text-align: left;
  margin: 0 0 15px 0;
}


#left h4 a:link,
#left h4 a:visited,
#left h4 a:active {
 color: #224a29;
 text-decoration: none;
 border: none;
}


#left h5 a:link,
#left h5 a:visited,
#left h5 a:active {
 color: #000;
 text-decoration: none;
}

#right h4 {
  font-size: .9em;
  letter-spacing: .02em;
  font-weight: bold;
  color: #333;
}

#right p {
 color: #333;
}

#right h3 a {
  border-bottom: none;
}

#right h2 a {
  border-bottom: none;
}

#right h1 a {
  border-bottom: none;
}

#nav-right {
  padding: 8px 0 0 14px;
  color: #333;
}

#nav-right P {
  font-size: 11px;
  line-height: 1.25em;
  padding: 5px 30px 5px 0;
}

#nav-right UL { padding: 0; }

#nav-right LI {
  font-size: 11px;
  line-height: 1.25em;
  padding: 5px 30px 5px 0;
  list-style-type: none;
 }

#nav-right li a {
  color: #333;
  text-decoration: none;
}

address#address span { display: none; }
address#address {
   margin: 0; padding: 20px 0 10px 0;
   width: 176px; height: 109px;
/*   border-top: 1px dashed #224a29; */
/*   border-left: 1px dashed #224a29; */
/*   border-right: 1px dashed #224a29; */

}

#foot {
  font-size: x-small;
  text-align: center;
  margin-top: 120px;
  padding-top: 4px;
/*  background: #374239; */
  background: #fff
  color: #333;
/*  border-top: 1px dashed #224a29; */
/*  background: url(../img/shadowlinetest.gif) repeat-x 0 0%; */
  background: url(../img/grn-l.gif) repeat-x 0 0%; 

/*  border-bottom: 1px dashed #224a29; */
  height: 40px;
}

#foot a { color: #555; 
  text-decoration: none;
  border-bottom: 1px solid #ccc;}

#foot a:hover{ color: #000; 
  text-decoration: none;
  border-bottom: 1px solid #333;  
}


#nav-foot ul,
#nav-foot ul li {
  margin: 0.4em 0; padding: 0;
  list-style: none none outside;
}
#nav-foot ul li {
  display: inline;
  border-right: 1px solid #fff;
  padding: 0 4px 0 6px;
}
#nav-foot ul li.last { border: 0; }

#attribution,
#attribution a { font-size: x-small; color: #333; }


#toc li {
  list-style: none;
}

/* menu styling, aka menu.css */
#main-menu {
  border: none;
  list-style: none;
  margin: 0 0 0 0; padding: 0;
  font-size: .75em;
  line-height: 1em;

}

#main-menu h4 {margin: 10px 0 10px; 0}

#main-menu h5 {margin: 2px 0 5px; 0}

#main-menu li {
  position: relative;
  list-style: none;
  border: 0;
  margin: 0 0 -2px 0; padding: 0 0 0 0;
  width: 99.9%;
  zoom: 1.0;
  border: 0;
} html>/**/body #main-menu li {
  margin: 0;
}

#main-menu li a { background: url(../img/smdot-haha.gif) no-repeat 0% 10%; }

#main-menu li a:link,
#main-menu li a:visited {
  display: block;
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: normal;
  padding: 0px 10px 5px 10px;
  text-decoration: none;
   color: #374239;
  border: none;
}

#main-menu li a:visited { 
  background-image: url('../img/smdot-grn.gif');
}

#main-menu li a.iMenuHasSub:link,
#main-menu li a.iMenuHasSub:visited {}


#main-menu li a:hover,
#main-menu li a:active {
   color: #000;
   border: none;
   background: url(../img/sm-arrow-greenha.gif) no-repeat 0% 20%; ;
}

#main-menu li a.iMenuHasSub:hover,
#main-menu li a.iMenuHasSub:active {}

#main-menu ul {
  border-bottom: 0;
  left: 100%;
  margin: 0; padding: 0;
}

#main-menu ul li {
  width: auto;
}

#main-menu ul li a:link,
#main-menu ul li a:visited {
  font-size: x-small;
  padding: 0px 10px 5px 20px;
}

#main-menu ul li a.iMenuHasSub:link,
#main-menu ul li a.iMenuHasSub:visited {}

#main-menu ul li a:hover,
#main-menu ul li a:active {
 }

#main-menu ul li a.iMenuHasSub:hover,
#main-menu ul li a.iMenuHasSub:active {}

#main-menu iframe {
  position: absolute;
  background: #fff none;
  border: 0;
  color: #000;
  left: 100%;
  top: -1px;
  z-index: 4;
}
#top-nav ul {
  padding: 0;
}
#top-nav ul,
#top-nav ul li {
  display: inline;
  margin: 0.4em 0;
  list-style: none none outside;
}
#top-nav ul li {
  display: inline;
  border-right: 1px solid #fff;
  padding: 0 4px 0 6px;
}
#top-nav ul li.last { border: 0; }

#top-nav li a:link,
#top-nav li a:visited {
  text-transform: uppercase;
  line-height: 1.2em;
  font-weight: normal;
  text-decoration: none;
  color: #374239;
  padding-top: 4px;
  border: none;
}

#top-nav li a:hover,
#top-nav li a:active {
  color: #000;
background: url(../img/yello-l.png) repeat-x 0% 0%;
}

#top-nav ul li a:link,
#top-nav ul li a:visited {
  font-size: x-small;
}


@media only screen and (max-width: 799px) {
  #menu-toggle {
    border-bottom: none;
    position: relative;
    z-index: 2;
  }
  #menu-toggle .bar {
    transform: rotate(0deg) translateY(0px) translateX(0px);
    opacity: 1; 
    transform-origin: 20px 10px 0px; 
    transition: all 0.2s ease-in-out;
  }
  #menu-toggle .bar:nth-of-type(3) {
    transform-origin: 20px 20px 0px;
  }

  body.mobile-menu-open #menu-toggle .bar:nth-of-type(1) { transform: rotate(-42deg) translateY(0px) translateX(0px); }
  body.mobile-menu-open #menu-toggle .bar:nth-of-type(2) { opacity: 0; }
  body.mobile-menu-open #menu-toggle .bar:nth-of-type(3) { transform: rotate(42deg) translateY(0em) translateX(0em); }

  #slide-menu {
    border-left: 2px solid #ccc;
    font-size: 20px;
    height: 100vh;
    position: fixed;
    background: #efefef;
    width: 300px;
    padding: 100px 20px 40px;
    top: 0;
    right: 0;
    transform: translateX(100%);
    transition: .35s transform ease-out;
    z-index: 1;
  }
  body.mobile-menu-open #slide-menu {
    transform: translateX(0);
  }
  #search {
    display: flex;
    margin: 0 0 20px;
  }
  #search input {
    background: #fff;
    width: 100%;
  }
  #search input, #search button {
    font-size: inherit;
  }
  #top-nav {
    clear: both;
    position: static;
    width: auto;
  }
  #top-nav ul, #top-nav ul li {
    border-right: none;
    display: block;
  }
  #top-nav ul li a:link, #top-nav ul li a:visited {
    font-size: inherit;
  }
}


#twitter UL {padding: 0;}
#twitter li {list-style: none; padding-bottom: 20px; margin: 0;}

.next, .prev {
  color: #777;
  font-size: .9em;
  cursor: pointer;
  margin-bottom: 40px;  
}

/* standardized visual defaults below */
IMG { border: 0; } /* removes border for linked images */
UL { margin: 0 0 1em 0; padding: 0 0 0 1.4em; } /* reduce left side white space */
OL { margin: 0 0 1em 0; padding: 0 0 0 2.2em; } /* reduce left side white space */
.error, .error-message { color: #f00; }
.tal { text-align: left!important; }
.tac { text-align: center!important; }
.tar { text-align: right!important; }
.arrow-nav a, .date-nav a { border-bottom: none!important; }
.clear { clear: both; }
#book-of-days {
  margin: 40px auto;
  width: 699px;
}
#days-header {
  width: 100%;
}
#days-header a {
  border: none;
}
#days-header td {
  text-align: center;
  vertical-align: top;
}
#days-date img {
  clear: both;
  display: block;
  margin: 0 auto;
}
#days-title {
  background: url(../img/days/title.gif) no-repeat top center;
  display: block;
  height: 50px;
  position: relative;
  width: 100%;
}
#days-title a {
  display: block;
  margin: 0 auto;
  height: 50px;
  overflow: hidden;
  text-indent: -9999px;
  width: 200px;
}

#days-month {
  margin-top: -1px;
}
#days-prev {
  background: url('../img/days/before-on.gif') no-repeat;
  float: left;
}
#days-next {
  background: url('../img/days/after-on.gif') no-repeat;
  float: right;
}
#days-prev, #days-next {
  height: 11px;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  width: 121px;
  z-index: 1;
}
#days-prev:hover, #days-next:hover {
  opacity: .8;
}
span#days-prev, span#days-next {
  opacity: .5!important;
}
#newsroom-left, #newsroom-right {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -86px;
  min-height: 500px;
  padding: 0 60px 40px;
  width: 48%;
}
#newsroom-left img, #newsroom-right img {
  display: block;
  margin: 0 auto;
}
.article-body {
  margin-top: 20px;
}
#newsroom-left {
  background: #ffc url('../img/days/bottom-lft.gif') no-repeat bottom left;
  float: left;
}
#newsroom-right {
  background: #ffc url('../img/days/bottom-rt.gif') no-repeat bottom right;
  float: right;
}

.audio-file {
  margin: 20px 0;
}
.day-body {
  margin-top: 20px;
  font-family: georgia,times-roman,serif;
  font-size: 1em;
}
.filer_image {
  display: block;
}
.filer_image.center, .align-center {
  display: block;
  margin: 0 auto 4px;
}
.filer_image.left, .align-left {
  float: left;
  margin: 4px 16px 4px 0;
}
.filer_image.right, .align-right {
  float: right;
  margin: 4px 0 4px 16px;
}
.print-show {
  display: none;
}
@media screen and (max-width: 799px) {
  #wrap {
    width: 100%;
  }
  #main, #left, #right {
    display: block;
    float: none;
    width: 100%;
  }
  #body {
    margin: 20px;
  }
  #left, #right {
    margin: 0;
    padding: 20px;
    width: auto;
  }
  #right {
    padding: 0 20px;
  }
}
.show-mobile {
  display: none!important;
}
@media only screen and (max-width: 799px) {
  .show-mobile {
    display: block!important;
  }
  .hide-mobile {
    display: none!important;
  }
}
.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px; width: 1px;
  margin: -1px; padding: 0; border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  z-index: 100;
}