
body, html {
   height: 100%;
   margin: 0;
   background-color: #9acd32;
}

p, h1, h2, h3, li {
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   background: transparent;
}

#page_wrapper, #body, #content_outer, #content {
   height: 100%;
}

#topbar_wrapper {
   display: inline-block;
   vertical-align: top;
   width: 100%;
   height: 102px;
   z-index: 900;
   position: fixed;
   top: 0; left 0;
   background-color: #9acd32;
   border-bottom: 3px #005f2d solid;
}
#topbar_outer {
   display: block;
   vertical-align: top;
   width: 100%;
   height: 105px;
   max-width: 960px;
   padding: 0;
   margin: 0 auto;
}
#topbar {
   display: inline-block;
   vertical-align: top;
   width: 100%;
   height: 105px;
   position: relative;
}

#topbar .logo {
   float: left;
   margin: 12px 20px 0 20px;
   width: 100%;
   height: auto;
   max-width: 275px;
}

#topbar p {
   display: inline-block;
   vertical-align: top;
   position: absolute;
   bottom: -36px; right: 0;
   height: 30px;
   background-color: #005f2d;
   color: #fff;
   font-size: 120%;
   margin: 0;
   padding: 3px 20px 3px 20px;
   border: 0;
   border-radius: 0 0 15px 15px;
   -moz-border-radius: 0 0 15px 15px;
   -webkit-border-radius: 0 0 15px 15px;
   -o-border-radius: 0 0 15px 15px;
}
#topbar a, #topbar a:visited {
   color: #fff;
   text-decoration: none;
}
#topbar a:hover {
   color: yellow;
}

#topnav {
   display: inline-block;
   vertical-alignment: top;
   float: left;
   list-style: none;
   padding: 0;
   margin: 0;
}
#topnav ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
#topnav > li {
   float: left;
   text-align: center;
}
#topnav ul > li {
   text-align: left;
}
#topnav a, #topnav a:visited {
   display: block;
   color: #fff;
   font-size: 100%;
   font-weight: 400;
   text-decoration: none;
   padding: 40px 10px 0 10px;
   height: 55px;
}
#topnav a:hover {
   color: yellow;
}
#topnav .selected {
   color: yellow !important;
}
#topnav > li > ul {
   position: absolute;
   display: none;
   padding: 0;
   z-index: 10;
}
#topnav > li:hover > ul {
   display: block;
   z-index: 100;
}
#topnav > li > ul > li a {
   padding: 8px 14px;
   height: auto;
   border-right: 0 #c2b495 solid;
}

#topnav_min_wrapper {
   z-index: 900;
   position: fixed;
   top: 0; left 0;
   display: none;
   vertical-align: top;
   width: 100%;
}
#topnav_min_outer {
   display: block;
   vertical-align: top;
   text-align: center;
   width: 100%;
   margin: 0;
   padding: 0;
}
#topnav_min {
   display: block;
   list-style: none;
   padding: 0;
   margin: 0;
}
#topnav_min ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
#topnav_min > li {
   width: 100%;
   text-align: center;
}
#topnav_min ul > li {
   text-align: center;
}
#topnav_min a {
   display: block;
   background-color: #005f2d;
   color: #fff;
   font-size: 110%;
   text-decoration: none;
   padding: 12px 10px;
}
#topnav_min a:hover,
#topnav_min .selected {
   color: #005f2d;
   background-color: yellow;
}
#topnav_min > li > ul {
   position: absolute;
   display: none;
   width: 100%;
   left: 0;
   padding: 0;
   z-index: 10;
   border-bottom: 3px yellow solid;
}
#topnav_min > li > ul a {
   padding: 8px 0;
   background-color: #005f2d;
}
#topnav_min > li:hover > ul {
   display: block;
   z-index: 100;
}
#topnav_min .menu {
   background-image: url("/images/menu.png");
   background-repeat: no-repeat;
   background-position: right center;
   padding-right: 25px;
}
#topnav_min a:hover .menu {
   background-image: url("/images/menu-hover.png");
}

#logobar_outer {
   display: none;
   width: 100%;
}
#logobar {
   display: block;
   vertical-align: top;
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
   text-align: center;
}
#logobar .logo {
   width: 96%;
   height: auto;
   max-width: 300px;
   margin: 25px auto;
}
#logobar p {
   display: block;
   vertical-align: top;
   background-color: #005f2d;
   color: #fff;
   font-size: 120%;
   margin: 0; padding: 5px 0;
}
#logobar a, #logobar a:visited {
   color: #fff;
   text-decoration: none;
}
#logobar a:hover {
   color: yellow;
}

#infobar_outer {
   display: inline-block;
   vertical-align: top;
   margin: 0;
   padding: 25px 5% 35px 5%;
   background-color: #9acd32;
   width: 90%;
}
#infobar {
   max-width: 1000px;
   margin: 30px auto;
}
#infobar h2 {
   font-size: 250%;
   font-weight: 400;
   text-align: center;
   padding: 30px 0 40px 0;
   margin: -30px auto 0 auto;
   color: #fff;
}
#infobar h3 {
   font-size: 200%;
   font-weight: 400;
   text-align: center;
   padding: 10px 0 20px 0;
   margin: 0 auto;
   color: #fff;
}
#infobar p {
   color: #fff;
   font-size: 140%;
   line-height: 150%;
   margin: 0 auto 12px auto;
   text-align: center;
}
#infobar .small {
   font-size: 120%;
}
#infobar .steps {
   max-width: 585px;
   margin: 0 auto;
}
#infobar .steps p {
   text-align: left;
}
#infobar a, #infobar a:visited {
   color: #fff;
   text-decoration: none;
}
#infobar a:hover {
   color: yellow;
   text-decoration: underline;
}
#infobar .button {
   padding: 25px 0 0 0;
   text-align: center;
}
#infobar .button a, #infobar .button a:visited {
   display: inline-block;
   vertical-align: top;
   background-color: #005f2d;
   color: #fff;
   font-size: 110%;
   margin: 0;
   padding: 8px 20px 10px 20px;
   border: 0;
   border-radius: 20px;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   -o-border-radius: 20px;
   text-decoration: none;
}
#infobar .button a:hover {
   color: #333;
   background-color: yellow;
}

.bgimg {
   position: relative;
   background-attachment: fixed;
   background-position: bottom;
   background-repeat: no-repeat;
   background-size: cover;
   min-height: 90%;
   display: relative;
}
.text-content {
   position: absolute;
   top: 44%;
   width: 90%;
   text-align: center;
   margin: 0 5%;
}
.text-content h2 {
   font-size: 250%;
   font-weight: 400;
   text-align: center;
   margin: 0 auto;
   color: #9acd32;
}
#content .page_message {
   text-align: center;
   color: #f00;
}

#fullpage {
   background-color: #fff;
   width: 960px;
   min-height: 800px;
   margin: 155px auto 55px auto;
   padding: 25px 40px;
}
#fullpage p {
   color: #777;
   font-size: 110%;
   line-height: 150%;
   margin: 0 0 10px 0;
}
#fullpage .small {
   font-size: 90%;
}
#fullpage a, #fullpage a:visited {
   color: #005f2d;
   text-decoration: underline;
}
#fullpage a:hover {
   color: #777;
   text-decoration: none;
}
#fullpage h1 {
   color: #005f2d;
   font-size: 170%;
   font-weight: normal;
   text-align: center;
   padding: 0;
   margin: 0 0 20px 0;
}
#fullpage h2 {
   color: #9acd32;
   font-size: 130%;
   font-weight: normal;
   text-align: left;
   padding: 10px 0 0 0;
   margin: 0 0 10px 0;
}
#fullpage .contact h2,
#fullpage .legal h2 {
   text-align: center;
}
#fullpage ul {
   margin-top: 0;
   margin-bottom: 10px;
   list-style: square;
}
#fullpage ol {
   margin-top: 0;
   margin-bottom: 10px;
}
#fullpage li {
   color: #777;
   font-size: 110%;
   line-height: 150%;
   margin: 7px;
}
#fullpage .locations li {
   margin: 7px 2%;
   width: 29.33%;
   display: inline-block;
}

#form_r {
   display: inline-block;
   vertical-align: top;
   padding: 5px 15px 15px 15px;
   width: 370px;
   background-color: #eee;
   border: 5px solid #9acd32;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   margin: 15px 0;
}
#form_r h2 {
   font-size: 110%;
   background-color: #9acd32;
   color: #fff;
   margin: 15px 0 0 0;
   padding: 3px 0;
}
#form_r .toph2 {
   margin: 10px 0 0 0;
}
#form_r .text_field,
#form_r .text_area {
   font-size: 100%;
   width: 362px;
   padding: 2px;
   margin: 2px 0;
   border: 2px #9acd32 solid;
}
#form_r .text_field_non_r {
   font-size: 100%;
   padding: 2px;
   margin: 2px 0;
   border: 2px #9acd32 solid;
}
#form_r .select_field {
   font-size: 100%;
   width: 370px;
   padding: 2px;
   border: 2px #9acd32 solid;
}
#form_r .radio_field {
   text-align: center;
   margin-bottom: 0;
}
#form_r .text_area {
   height: 100px;
}
#form_r .label,
#form_r .radio_label {
   font-weight: bold;
   text-align: left;
   margin: 8px 0 2px 2px;
}
#form_r .checkbox_label {
   font-weight: bold;
   text-align: left;
   margin: 8px 0 2px 40px;
}
#form_r .checkbox_outer {
   display: inline-block;
   float: left;
   padding: 3px 6px;
}
#form_r .notes {
   font-size: 90%;
   text-align: left;
   margin-top: 2px;
}
#form_r .info {
   text-align: left;
   margin: 0 0 2px 2px;
}
#form_r .button {
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 19px;
   color: #fff;
   background-color: #9acd32;
   margin-top: 15px;
   padding: 3px 6px;
   border: 0;
   width: 100%;
}
#form_r .button:hover {
   color: #333;
   background-color: yellow;
}
#form_r .file_field {
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 15px;
   float: left;
   margin-left: 2px;
}
#form_r .field_message {
   text-align: left;
   color: #f00;
}
#form_r h2 .subtitle {
   font-size: 80%;
   display: block;
}

#footer_outer {
   position: relative;
}
#footer {
   display: inline-block;
   width: 96%;
   background-color: #9acd32;
   border-top: 3px #005f2d solid;
   text-align: center;
   padding: 20px 2%;
}
#footer p {
   color: #fff;
   font-size: 100%;
   line-height: 200%;
   margin: 0 auto 0 auto;
}
#footer a, #footer a:visited {
   color: #fff;
   text-decoration: none;
}
#footer a:hover {
   color: yellow;
   text-decoration: underline;
}

@media (min-width: 10px) {
   #fullpage {
      max-width: 1120px;
      width: 94%;
      padding: 25px 3%;
   }
   #topbar_outer {
      max-width: 1200px;
   }
   #topbar .logo {
      margin: 12px 40px 0 40px;
   }
   #topnav a, #topnav a:visited {
      font-size: 120%;
      padding: 40px 19px 0 19px;
   }
}
@media (max-width: 1180px) {
   body, html {
      background-color: #fff;
   }
   #topbar_wrapper {
      height: 90px;
   }
   #topbar_outer, #topbar {
      height: 93px;
   }
   #topbar .logo {
      max-width: 225px;
      margin: 12px 25px 0 25px;
   }
   #topnav a, #topnav a:visited {
      padding: 32px 12px 0 12px;
   }
   #topbar p {
      bottom: -36px; right: 0;
      border-radius: 0 0 0 15px;
      -moz-border-radius: 0 0 0 15px;
      -webkit-border-radius: 0 0 0 15px;
      -o-border-radius: 0 0 0 15px;
   }
   #fullpage {
      margin: 93px auto 0 auto;
      padding: 45px 3% 25px 3%;
   }
}
@media (max-width: 1060px) {
   #topbar_wrapper {
      height: 75px;
   }
   #topbar_outer, #topbar {
      height: 78px;
   }
   #topbar .logo {
      max-width: 175px;
      margin: 12px 25px 0 25px;
   }
   #topnav a, #topnav a:visited {
      font-size: 105%;
      padding: 27px 12px 0 12px;
   }
   #fullpage {
      margin: 78px auto 0 auto;
      padding: 45px 3% 25px 3%;
   }
}
@media (max-width: 930px) {
   body, html {
      background-color: #9acd32;
   }
   #topbar_wrapper {
      display: none;
   }
   #topnav_min_wrapper {
      display: inline-block;
   }
   #logobar_outer {
      display: inline-block;
      margin: 48px 0 0 0;
   }
   #fullpage {
      margin: 0 auto 0 auto;
      padding: 25px 3% 25px 3%;
      min-height: 0;
   }
   .text-content {
      top: 44%;
   }
   .text-content h2 {
      font-size: 160%;
   }
   #infobar h2 {
      font-size: 160%;
   }
   #infobar h3 {
      font-size: 130%;
   }
   #infobar p {
      font-size: 110%;
   }
   #fullpage .locations li {
      margin: 7px 1%;
      width: 48%;
   }
   #footer p {
      font-size: 90%;
   }
   #footer .slogan {
      display: none;
   }
}
@media (max-width: 430px) {
   #fullpage .locations li {
      margin: 4px 1%;
      width: 98%;
   }
   #form_r {
      width: 98%;
      background-color: #fff;
      border: 0;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      padding: 5px 0 20px 0;
      margin: 15px 0;
   }
   #form_r p, #form_r h2 {
      color: #008ad2;
   }
   #form_r .text_field,
   #form_r .select_field,
   #form_r .text_area {
      width: 100%;
      border: 2px #008ad2 solid;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
   }
   #form_r .button, {
      background-color: #008ad2;
   }
   #form_r a, #form_r a:visited {
      color: #008ad2;
   }
   #form_r a:hover {
      color: #e61a27;
   }
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
   .bgimg {
      background-attachment: scroll;
   }
}

