/* Outside wrapper for search section (same for both) */
#search_wrap {
  margin: 50px auto;
  text-align: center;
}
/* Search specific container (ALL or SMALL) */
#search_all,
#search_small {  display: inline-block;
  width: 75%;       min-width: 52.0rem;
  text-align: left;
  background: #d9d9d9;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  box-shadow: 4px 4px 4px #b8b8b8;  /* 333333 b0b0b0 aaaaaa 888888 */
}
#search_all {  width: 80%;
  min-width: 53.4rem;
}
#search_all .search_info b {
  color: #606800;    /* #085848  #707000 #808000 */
}

/* #### Text Above search_form ( in #search_all ) #### */
#search_head {  padding: 20px 4% 2px;  }
#search_info {  padding: 0 6%;  }


/* #### Wrapper Div for the <form></form> tag #### */
#search_form {  padding: 25px 6%;  }
#search_all > div:nth-child(3) {  padding-top: 4px;  }

/* the <form></form> tag */
#search_form form {  display: block;
  position: relative;
}

  /* ##  searchform: text input box  ## */
  #search_form input[type=text] {  width: 100%;
    font-size: 1.5rem;
    margin: 8px 0;
    padding: 8px 42px 8px 11px;
    background: #e5e5e5;  /* #f1f1f1 e5e5e5*/
    border: 1px solid #c8c8c8;
    border-radius: 3px;
  }
  #search_form input[type=text]:hover {
    background: #f1f1f1;         border-color: #c8c8c8;
  }
  #search_form input[type=text]:focus {  outline: none;
    background: #f1f1f1;         border-color: #808000;
  }
  @supports (outline-color: -webkit-focus-ring-color) {
      #search_form input[type=text]:focus { outline: olive auto 3px; }
  }

  /* ##  wrapper divs for each checkbox/label pair  ## */
  #search > div {  position: relative;
    width: 20.0rem;
  }
    /* # searchform:  checkboxes # */
    #search input[type=checkbox] {   position: absolute;
      top: 0.7rem;      left: 12px;
    }
    #search_all input[type=checkbox] {  top: 0.5rem;  }

    /* # labels for checkboxes # */
    #search > div label {   display: block;
      padding: 5px 0 0 45px;
      border: 1px solid transparent;
      border-radius: 3px;
      height: calc(1.16em + 11px);
    }
    #search_all form > div label {
      padding-top: 3px;
      height: calc(1.16em + 7px);
    }

    /* # hover/focus for checkboxes # */
    #search input[type=checkbox]:hover + label {
      background: #e5e5e5;    border-color: #c8c8c8;
    }
    #search input[type=checkbox]:active + label {
      background: #e5e5e5;    border-color: #808000;
    }
    #search input[type=checkbox]:focus + label {
      background: #e5e5e5;    border-color: #808000;
    }

  /* ##  searchform: submit button (image)  ## */
  #search_form input[type=image] {  position: absolute;
    top: 14px;   right: 10px;
    border: 1px solid transparent;
    border-radius: 2px;
  }
  #search_form input[type=image]:hover,
  #search_form input[type=image]:focus {  outline: none;
    background: #f1f1f1;
    border-color: #808000;
  }
  @supports (outline-color: -webkit-focus-ring-color) {
      #search_form input[type=image]:focus { outline: olive auto 3px; }
  }

/* Stuff Below search_form ( in #search_all ) */
#catagories {  padding: 0 4% 25px;  }

#cats_top {  max-width: 700px;  }

#cats_bottom {    }
#cats_bottom h2 {  font-size: 1.6rem;  }
#cats_bottom .cats_body {  font-size: 1.3rem;  }

  #cats_top-head,
  #cats_bottom-head {  padding: 2px 0 3px;  }

  #cats_bottom-head {  padding-top: 25px;  }


  .cats_body {    }

  .cats_body h6 {  display: inline-block;
    font-size: inherit;
    color: #085848;
  }

  .cats_body a {  display: block;
    padding: 3px 2% 4px 4%;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
  }
  .cats_body a:hover,
  .cats_body a:active,
  .cats_body a:focus {  color: #085848;
    background: #e5e5e5;
    border-color: #c8c8c8;
  }
  .cats_body a:focus {  outline: none;
    border-color: #808000;
  }

    .cats_body span {  /* in bottom only:  (CatCount) */
      font-size: 1.2rem;
      vertical-align: 0.05rem;
    }
    .cats_body small {  display: block;
      font-size: 1.1rem;
      padding-top: 1px;
    }

#cats_top-left,
#cats_top-right   {   float: left;  width: 50%;  }

#cats_bottom-left,
#cats_bottom-right {  float: left;  width: 33%;  }

#cats_bottom-center { float: left;  width: 34%;  }