* {  box-sizing: border-box;  }

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

body {  background: #9eb096;  }

/* ################## Document Layout Grid ################## */
#page_wrap {  position: relative;
  height: auto;
  min-height: 100%;
  padding-bottom: 80px;        /*> Set to FooterHeight (1of4) <*/

  /* !! This minwidth may need to be page specific !! */
  min-width: 83.0rem;  /*83.0rem 2 column break point! */
}
#page_wrap.search-wrap,
#page_wrap.view-wrap {  min-width: 85.0rem;  }


/* ######  Document HEAD  ###### */
#head {
  height: 120px;               /*> Set to HeaderHeight (1of3) <*/
}
  #head header {  position: relative;
    height: inherit;
    min-width: 31.0rem;
  }

/* ######  Document BODY  ###### */
#body {
}

  /* ### Document BODY: RightCol ### */
  #right_wrap {  float: left;
    width: 100%;
  }
    #right {
      margin-left: 20.0rem;    /*> Set LeftColumnWidth (1of4) <*/
    }
      #right_inside {
        margin: 20px;  /*> Set Margins Around Right Content <*/
      }

  /* ### Document BODY: LeftCol ### */
  #left {  float: left;
    width: 20.0rem;            /*> Set LeftColumnWidth (2of4) <*/
    margin-left: -100%;
  }
    #left_inside {
      margin: 0 10px;   /*> Set Margin(s) Around Left Content <*/
    }

/* ###### Document FOOT ###### */
#foot {  position: absolute;
  right: 0;  bottom: 0;  left: 0;
  height: 80px;                /*> Set to FooterHeight (2of4) <*/
}
  #foot footer {  position: absolute;
    right: 0;  bottom: 0;  left: 0;
    text-align: center;
    padding: 1.0rem;
  }

/* ########################################################### */
/* ################  Document Header Layout  ################# */
/* ########################################################### */
#head header > img {  position: absolute;
  bottom: 15px;  /* !same as bottom: below! */
  left: 8px;
}
#head header h1 {  position: absolute;
  margin-bottom: 12px;
  bottom: 15px;  /* !same as bottom: above! */
  left: 22px;
}

#head header h1 a:hover,
#head header h1 a:active,
#head header h1 a:focus {  color: #313c2b;  }  /*222a1e #3f4d37 */

#head header h1 a:focus {  outline: none;  }



#head header nav {  position: absolute;
  right: 21px;      bottom: 8px;
  white-space: nowrap;
  font-size: 1.3rem;
  font-style: italic;
  color: #c8c8c8;   /* #c8c8c8=ForthGray(darker) */
}
#head header nav a {  display: inline-block;
  padding: 1px 2px;
  border: 1px solid transparent;
  border-radius: 2px;
  vertical-align: -1px;
  color: #e5e5e5;  /* #e5e5e5=BgGray(medium) */
}

#head header nav a:nth-child(2) {  padding-right: 3px;  }
#head header nav a:nth-child(4) {  padding-right: 3px;  }

#head header nav a:hover,
#head header nav a:active {  color: #3f4d37;  }  /* #3f4d37=BorderGreen(dark) */

#head header nav a:focus {   outline: none;
  border-color: #808000;     color: #3f4d37;
}
@supports (outline-color: -webkit-focus-ring-color) {
    #head header nav a:focus { outline: olive auto 3px; }
}


/* ############# Document Standard RightCol Content ############# */

/* upper most section in the right column (paragraphs) */
.top-right {
  padding: 14px 3% 0;
}
  .top-right section {  font-size: 1.5rem;  }

  .top-right p {  margin-bottom: 1em;  }
  .top-right p:last-child {  margin: 0;  }

  .top-right p.ls_head {  margin-bottom: 7px;  }

  .top-right a {  color: #085848;  }
  .top-right a:hover,
  .top-right a:active,
  .top-right a:focus {  outline: none;
    background: #f1f1f1;
  }

  .top-right ul {  font-size: 1.4rem;
    margin: 0 0 1.2em 18px;
  }
  .top-right li {  line-height: 1.8rem;  }


.home-php .top-right h3 {  color: black;
  margin-bottom: 12px;
}

.home-php .top-right p {
  padding-right: 6px;
  padding-left: 9px;
}

.home-php .top-right .p1 {  margin-bottom: 10px;  }

.home-php .top-right .p2 {  margin-bottom: 25px;  }

.home-php .top-right a.sub {  display: block;
  position: relative;
  left: -6px;
  font-size: 1.6rem;
  width: 40.0rem;
  padding: 2px 2px 1px 5px;
  border: 1px solid transparent;
  border-radius: 2px;
  margin-bottom: 8px;   /* top: 1px;*/
}
.home-php .top-right .sub:hover {  border-color: #a0a79c;  }
.home-php .top-right .sub:active,
.home-php .top-right .sub:focus {  border-color: #808000;  }


/* ############ BACKGROUND (Left/Right Page Cols) ############ */
#bg_right-col {  position: absolute;
  top: 120px;                  /*> Set to HeaderHeight (2of3) <*/
  right: 0;
  bottom: 80px;                /*> Set to FooterHeight (3of4) <*/
  left: 20.0rem;               /*> Set LeftColumnWidth (3of4) <*/
  z-index: -1;
  border: 1px solid #3f4d37;
  border-right: 0;
  border-radius: 6px 0 0 6px;
  background: #e5e5e5;  /*  */
}
#bg_left-col {  position: absolute;
  top: 120px;                  /*> Set to HeaderHeight (3of3) <*/
  bottom: 80px;                /*> Set to FooterHeight (4of4) <*/
  left: 0;
  width: 20.0rem;              /*> Set LeftColumnWidth (4of4) <*/
  z-index: -1;
  border-radius: 0 6px 6px 0;
  /*background: lightgreen;  /*  */
}