/* Header Control */
#head {
  text-align: center;
  border-bottom: 3px double transparent;
  background-color: transparent;
}

   /* Body Background Image and color Control */
body {
  background-image: url("/images/plantation01.jpg");
  background-attachment: fixed;
  background-size: cover;
  width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

   /* Navagation Control */
#globalNav {		/* controls bar size-color-alignment */
  background: linear-gradient(rgba(178,161,117,.4), rgba(178,161,117,.4)); /*#B2A175*/
  border: 3px solid #B2A175;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-top: 2px;
  padding-bottom: 5px;
  white-space: normal;
  text-align: center;
  display: inline-table;
  width: 65%;
  margin-bottom: 10px;
}

#globalNavLinks a {	/* space between buttons */
  padding: 0 5px;
}

   /* Background Color for space between DIV Control */
#back {
  float: left;
  background-color: #ffffff;
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

#transpback {
  float: left;
  background-color: transparent;
  width: 100%;
}

   /* Center with Right or Left Side Control */
#centerrgt {
  float: left;
  width: 80%;
  padding-left: 1%;
  padding-bottom: 1%;
  min-height: 20px;
  background-color: transparent;
  margin-top: 8px;
}

#right {
  float: right;       /* Right or Left Side Control */
  width: 17%;
  padding-right: 1%;
  padding-bottom: 1%;
  margin-top: 8px;
  min-height: 20px;
  background-color: transparent;
}

   /* Center Control */
#center {        /* Used on Products Pages for Area below Top with 2 or 3 sections */
  float: left;
  width: 98%;
  padding-left: 1%;
  padding-right: 1%;
  min-height: 30em;
  background-color: transparent;
  margin: 0 0 0 0;
}

   /* Center with Right and Left Side Control */

#lftcenterrgt {
  float: left;        /* Center Control */
  width: 62%;
  padding-left: 1%;
  padding-right: 1%;
  min-height: 20px;
  background-color: transparent;
  margin: 0 0 0 0;
}

#Cright {
  float: right;        /* Right Side Control */
  width: 17%;
  padding-right: 1%;
  padding-bottom: 1%;
  min-height: 20px;
  background-color: transparent;
  margin: 0 0 0 0;
}

#Cleft {
  float: left;        /* Left Side Control */
  width: 17%;
  padding-left: 1%;
  padding-bottom: 1%;
  min-height: 20px;
  background-color: transparent;
  margin: 0 0 0 0;
}

    /* Right and Left Side Control NO CENTER */
.leftS {
  float: left;
  width: 49%;
  padding-left: 0;
  padding-bottom: 1%;
  margin-top: 8px;
  min-height: 30em;
  background-color: transparent;
  margin-bottom: 5px;
}

.rightS {
  float: right;
  width: 49%;
  padding-left: 0;
  padding-bottom: 1%;
  margin-top: 8px;
  min-height: 30em;
  background-color: transparent;
  margin-bottom: 5px;
}

   /* BOTTOM SECTION CONTROL NOT IN FOOTER */
#bottom {
  float: left;
  width: 100%;
  background-color: transparent;
}

    /* FOOTER AREA CONTROL */

   /* Background for Footer Mron Web Services */
.footermron {
  background-color: #EEE8AE;
  border: #001db0 3px solid;
  border-radius: 40px;
  min-height: 30px;
  margin-left: 20%;
  margin-right: 20%;
  padding: 0 2% 1% 2%;
  -moz-box-shadow:    inset 0 0 110px #001db0;
  -webkit-box-shadow: inset 0 0 110px #001db0;
  box-shadow:         inset 0 0 110px #001db0;
}

   /* Footer Control */
#footer {
  border-top: 3px double transparent;
  border-bottom: 3px solid transparent;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  float: left;
  width: 100%;
  clear: both;
  text-align: center;
  background-color: transparent;
  margin-bottom: 2px;
}

       /* DIV Sections for ALL Pages */
       
   /* Background for Minutes Page Each Month */
div.minuteBG {
  background-color: #B2A175;
  border: #3E4A36 3px solid;
  border-radius: 40px;
  min-height: 300px;
  margin-left: 2%;
  margin-right: 2%;
  padding: 0 2% 1% 2%;
  -moz-box-shadow:    inset 0 0 110px #606835;
  -webkit-box-shadow: inset 0 0 110px #606835;
  box-shadow:         inset 0 0 110px #606835;
}

   /* Background for Welcome Letter and Neighborhood Watch Letter */
div.letterBG {
  background-color: #B2A175;
  border: #3E4A36 3px solid;
  border-radius: 40px;
  min-height: 300px;
  margin-left: 2%;
  margin-right: 2%;
  padding: 0 2% 1% 2%;
  -moz-box-shadow:    inset 0 0 110px #606835;
  -webkit-box-shadow: inset 0 0 110px #606835;
  box-shadow:         inset 0 0 110px #606835;
}

  /* Background for Contact Us Names and Numbers on Contact us PAGE ONLY */
div.contusBG {
  background-color: #B2A175;
  border: #3E4A36 3px solid;
  border-radius: 40px;
  min-height: 300px;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 5px;
  padding: 0 2% 1% 2%;
  -moz-box-shadow:    inset 0 0 110px #606835;
  -webkit-box-shadow: inset 0 0 110px #606835;
  box-shadow:         inset 0 0 110px #606835;
}

   /* Background for By Laws Buttons */
div.pdfbylaw {
  background-color: #B2A175;
  border: #3E4A36 3px solid;
  border-radius: 40px;
  min-height: 300px;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 5px;
  padding: 0 2% 1% 2%;
  -moz-box-shadow:    inset 0 0 110px #606835;
  -webkit-box-shadow: inset 0 0 110px #606835;
  box-shadow:         inset 0 0 110px #606835;
}

   /* Background for Items on Trading Post Page */
div.tradeitemBG {
  background-color: #B2A175;
  border: #3E4A36 3px solid;
  border-radius: 40px;
  min-height: 300px;
  margin-left: 10%;
  margin-right: 10%;
  padding: 0 2% 1% 2%;
  -moz-box-shadow:    inset 0 0 110px #606835;
  -webkit-box-shadow: inset 0 0 110px #606835;
  box-shadow:         inset 0 0 110px #606835;
}