/*
- pale green: picked from plant-man body
 #d4df39
- pale blue: picked from plant-man head
 #00adef
*/

body {
  font-family: Arial, Tahoma, Verdana, Sans Serif;
  padding-top: 60px;
  /*background-color: #B6D1B2; */
}
footer {
  color: #888c46;
  font-size: 56%;
  margin-left: 24ex;
  position: fixed;
  bottom: 0;
  padding-bottom: 24px;
}
a, a:visited {
  color: #888c46;
}

li br {
  margin-bottom: 8px;
}
p em br {
  margin-bottom: 8px;
}

#beta {  
    position: fixed;
    margin-left: -8px;
}
#beta img {
    position: absolute;
    top: 142px;
    left: 0px;
    /*width: 123px;*/
    height: 123px;
}

#content li {
 padding: 4px 0 6px;
}

#logo {
  margin-left: 10ex;
  height: 141px; /* 75% */
  padding-bottom: 1em;
}

ul#top {
  position: absolute;
  left: 8px;
  /*margin-left: 0px;*/
  margin-left: 12ex;
  margin-top: 14px;
  list-style-type: none;
  padding-left: 8px;
}

ul#top ul#our-gardens-menu, 
ul#top ul#preparation-menu {
  list-style-type: none;
}

li>span.caret:hover { 
  cursor: pointer;
}

li>span.caret { 
  float: right; 
  margin-top: -12px; 
  margin-right: 23px; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000000;  
  content: "";
  display: inline-block;
  height: 0;
  opacity: 0.3;
  vertical-align: top;
  width: 0;
}

#show-all {
  float: right;
  margin-top: -2em;
  margin-right: 5.2ex;
  font-variant: small-caps;
}

#content.faq dt { margin: 1.2em 2.3ex; }
#content.faq dd { margin: 0 4.2ex; }
#content.faq dt:hover { cursor: pointer; color: #888c46; }

li a { 
  display: block; 
}

ul#top li {
  border-top: solid 1px #FFF;
  border-bottom: solid 1px #FFF;
/*   border-top: solid 1px #B6D1B2;
  border-bottom: solid 1px #B6D1B2; */
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px;  
}

ul#top li:hover {
  border-top: solid 1px #677126;
  border-bottom: solid 1px #677126;
}

#top li a {
  background-image: url("../image/leaf.down.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-left: 35px;
  padding-top: 14px;
  padding bottom: 14px;
  text-decoration: none;
}

#top li a:hover {
  background-image: url("../image/leaf.up.png");
  background-position: left top;
  background-repeat: no-repeat;
  text-decoration: none;
}

#content {
  margin-left: 48ex;
  /*margin-right: 18ex;*/
  margin-top: 0.7em;
  width: 82ex;
}

#notice {
  font-weight: bold;
  font-size: 16pt;
  margin-bottom: 16px;
}

.social img {
  height: 48px;
  padding-right: 8px;
}