body {
    margin:0;
    padding:0;
    font-weight: normal;
    font-size: 90%;
    overflow-x: hidden; 
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif; 
}

a {
 color: #388906;
 text-decoration: none;
}

div.roboto {
   line-height: 25px;
   font-size: 95%;
   color: #444;
   font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
}

div.input_homepage {
   padding-right: 16px;
   margin-top: 15px;
   border: solid 0px #000;
   font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
}

input.input_homepage, select.input_selectbox {
   padding: 6px;
   border-radius: 2px;
   background-color: #F7FBF4;
   border: solid 2px #97CE82;
   width: 103%;
   color: #999;
   font-size: 105%;
   font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
}

textarea.input_textbox {
   padding: 6px;
   box-sizing: border-box;
   border-radius: 2px;
   background-color: #F7FBF4;
   border: solid 2px #97CE82;
   width: 103%;
   color: #999;
   font-size: 105%;
   font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
   height: 90px;
}

input.submit_homepage {
   background-color: #60AC2E;
   border: solid 2px #97CE82;
   padding: 4px;
   min-width: 100px;
   color: #EAF5E5;
   font-size: 110%;
   font-weight: 900;
   font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
}

input:focus {
   background-color: #fff;
   color: #444;
}

div.header {
   color: #874233;
   color: #5AAB28;
   font-size: 150%;
   letter-spacing: 1px;
   font-weight: normal;
}

div.subheader {
   color: #aaa;
   font-size: 110%;
   margin-top: 20px;
   font-weight: 300;
   line-height: 25px;
   font-weight: normal;
}

div.mainbody {
   color: #444;
   font-size: 100%;
   margin-top: 15px;
   font-size: 13px;
   line-height: 150%;
}




body {
    margin:0;
    padding:0;
    font-weight: normal;
    font-size: 90%;
    overflow-x: hidden; 
    font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
}

div.roboto {
   font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
   line-height: 25px;
   font-size: 95%;
   color: #444;
}

div.input_homepage {
   padding-right: 16px;
   margin-top: 15px;
   border: solid 0px #000;
}

input.input_homepage {
   padding: 6px;
   border-radius: 2px;
   background-color: #F7FBF4;
   border: solid 2px #97CE82;
   width: 100%;
   color: #999;
   font-size: 95%;
   font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
}

input.submit_homepage {
   background-color: #60AC2E;
   border: solid 2px #97CE82;
   padding: 4px;
   min-width: 100px;
   color: #EAF5E5;
   font-size: 110%;
   font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
   font-weight: 900;
}

input:focus {
   background-color: #fff;
   color: #444;
}

div.header {
   color: #874233;
   color: #095C27;
   font-size: 160%;
   font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
   letter-spacing: 1px;
   margin-top: 20px;
}

div.subheader {
   color: #aaa;
   color: #095C27;
   color: #CE9A93;
   font-size: 115%;
   font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
   margin-top: 20px;
   margin-bottom: 20px;
   font-weight: 300;
   line-height: 25px;
   line-height: 170%;
}

div.mainbody {
   color: #444;
   font-size: 100%;
   font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
   margin-top: 15px;
   line-height: 200%;
   line-height: 170%;
}



div.mainblockwrapper {
    z-index: 1;
    margin: 0 auto;
    max-width: 1100px;
    margin-top: 100px;
    border: solid 0px #000;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

div.mainblockleft {
   float: left;
   position: relative;
   width:96%;
   margin-left: 2%;
   margin-right: 2%;
}

div.mainblockright {
   float: left;
   position: relative;
   width:96%;
   margin-left: 2%;
   margin-right: 2%;
}

@media only screen and (min-width: 700px){
       div.mainblockleft {
          width:55%;
          margin-left: 0%;
          margin-right: 7%;
       }
       div.mainblockright {
          width:38%;
          margin-left: 0%;
          margin-right: 0%;
       }
}

div.quicklink1 {
   background: #DFF2DB url(unite_top_curve_1.jpg) bottom left no-repeat;
   min-height: 55px;
   width: 100%;
   font-size: 125%;
}

div.quicklink1inner {
   padding-top: 20px;
   padding-left: 35px;
}

/* YouTube Responsive CSS for HubSpot */
.divyoutube {
position: relative;
padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
padding-top: 25px;
height: 0;
}
 
.divyoutube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}

div.social {
    clear: left;
    margin-top: 15px;
    text-align: center;
}

@media only screen and (min-width: 500px){
       div.social {
           text-align: right;
           margin-right: 15px;
       }
}

h2.h2subheader {
      margin-top: 20px;
      font-size: 150%;
      line-height: 160%;
      color: #095C27;
      font-weight:  normal;
}

h3.h3subheader {
      margin-top: 20px;
      font-size: 130%;
      line-height: 140%;
      color: #39C18F;
      color: #095C27;
      font-weight:  normal;
      background-color: #3C5657;
      cursor: hand;
      padding:8px;
      border-radius: 4px;
}


#photogallery {
  padding-bottom: 0px;
  margin-left: 1px;
}

div.photo {
  float: left;
  position: relative;
  width: 120px;
  height: 100%;
  padding: 7px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-right: 2px;
  margin-bottom: 2px;
  background-color: #212F30;
  background-color: #EAF5E5;
}

div.photobig {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 7px;
  margin-bottom: 20px;
  background-color: #212F30;
  background-color: #EAF5E5;
  box-sizing: border-box;
}


img.photo {
   width: 100%;
   border: solid 0px;
}

@media only screen and (min-width: 500px){
       div.photo {
         width: 120px;
         /*height: 120px; */
         padding: 17px;
       }
}
@media only screen and (min-width: 650px){
       div.photo {
         width: 140px;
         /*height: 140px; */
       }
}
@media only screen and (min-width: 700px){
       div.photo {
         width: 160px;
         /* height: 160px; */
       }
}
@media only screen and (min-width: 800px){
       div.photo {
         width: 135px;
         /* height: 135px; */
       }
}
@media only screen and (min-width: 850px){
       div.photo {
         width: 160px;
         /* height: 160px; */
       }
}


div.quicklinkbox {
   background-color: #EAF5E5;
   clear: both;
   padding: 15px;
   padding-top: 2px;
   margin-top: 0px;
   box-sizing: border-box;
}

a.quicklinklinks {
   text-decoration: none;
   color: #444;
   padding: 8px;
   padding-left: 5px;
   border-bottom: dotted 1px #D6EED0;
   border-bottom: dotted 1px #dfdfdf;
   display: block;
}

a.quicklinklinks:hover {
    background-color: #5AAB28;
    color: #fff;
}

a.projectlinkactive {
    background-color: #5AAB28;
    color: #fff;
}

div.projectbanner4page {
   margin-top: 15px;
   width:100%;
   border: solid 0px #000;
}

a.footrlink {
    text-decoration: none;
    color: #fff;
}