.red {
  color: #cc0000; }

.white {
  background: white;
  padding: 10px;
  border-radius: 5px 5px 5px 5px;
  border: solid 1px #dddddd;
  margin-bottom: 7px; }

/*------- TEXT ------*/
/*Heading styles*/
h1,
h2,
h3,
h4 {
  color: #003900;
  font-family: 'Open Sans Condensed', sans-serif;
  margin: 0;
  line-height: normal; }

h1 {
  font-size: 36px;
  line-height: 1.3em;
  font-weight: 700;
  padding: 0;
  text-transform: uppercase; }

h2 {
  letter-spacing: -.7px;
  text-align: center;
  font-weight: bold;
  margin: 20px auto auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4em;
  text-align: center;
  text-shadow: 0 1px 1px #e4e4e4; }

h3 {
  color: #003900;
  font-size: 24px;
  font-weight: 700;
  margin: 0; }

h3 {
  color: #333333; }

h4 {
  font: 16px Helvetica, Arial, Sans-Serif;
  color: #003900;
  margin: 20px 0 20px 0; }

h5 {
  font: 13px Helvetica, Arial, Sans-Serif;
  color: #003900;
  font-weight: bold;
  letter-spacing: .1em;
  margin: 0 0 -5px 0; }

h6 {
  font-size: 12px;
  color: #333; }

.fa-2x {
  font-size: 1.8em; }

.lite h3 {
  font-weight: 700;
  font-size: 20px; }

html {
  position: relative;
  min-height: 100%; }

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #565656;
  background-color: #e4e4e4;
  margin-bottom: 160px;
  /* Margin bottom by footer height */
  padding: 0px; }

/*------- BASE ------*/
/*------- BUTTON ------*/
.btn-default {
  background-color: #003900;
  border: solid 1px;
  color: #efefef; }

.btn-default a {
  color: #efefef;
  font-weight: 300; }

.btn-default:hover a,
.btn-default:active a,
.btn-default:focus a {
  color: #efefef;
  text-decoration: none; }

.btn-default:hover,
.btn-default:active,
.btn-default:focus {
  background-color: #333333 !important;
  border: solid 1px !important;
  color: #efefef !important; }

@media screen and (min-width: 768px) {
  .btn-default a {
    font-size: 10px;
    font-weight: 300; } }

@media screen and (min-width: 992px) {
  .btn-default a {
    font-size: 13px; } }

@media screen and (min-width: 1200px) {
  .btn-default a {
    font-size: 15px; } }

/*------- FOOTER ------*/
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 160px;
  /* Set the fixed height of the footer here */
  color: #333333; }

.content-foot {
  background-color: #94A38F;
  padding: 10px; }

.copyright-foot {
  background-color: #ffffff;
  color: #666666;
  font-size: 11px;
  padding: 10px;
  text-align: center; }

.copyright-foot a {
  color: #9b9b9b !important;
  font-size: 11px; }

/*------- FORMS ------*/
.form_intro {
  color: #003900;
  line-height: 1.5em; }

.form-head {
  background: #003900;
  color: #333333;
  margin-bottom: 5px;
  padding: 2px 2px 2px 10px; }

.form-head h4 {
  color: #ffffff;
  line-height: 1.5em;
  font-size: 14px;
  font-weight: 300;
  margin: 5px 0; }

label {
  font-weight: 300; }

.form-control {
  margin-bottom: 10px; }

h4.success {
  background-color: #dddddd;
  color: #822322;
  padding: 7px;
  border: solid 1px #cccccc;
  border-radius: 4px;
  font-size: 18px;
  line-height: 1.5em; }

/*------- HOME ------*/
.keywords_dark {
  color: #003900; }

.keywords_light {
  color: #819C81; }

@media screen and (min-width: 768px) {
  h2 .keywords_dark,
  h2 .keywords_light {
    font-size: 22px;
    line-height: 1em; } }

@media screen and (min-width: 1200px) {
  h2 .keywords_dark,
  h2 .keywords_light {
    font-size: 30px; } }

/*------- IMAGES ------*/
.imgbdr {
  background: #ffffff;
  border: solid 1px #9b9b9b;
  padding: 7px; }

img {
  border: 0; }

img.banner {
  margin-top: 60px; }

@media only screen and (min-width: 992px) {
  img.banner {
    margin-top: 150px; } }

/*------- LINKS ------*/
a {
  color: #003900;
  font-size: 13px;
  text-transform: uppercase; }

a:hover,
a:focus {
  color: #333333;
  text-decoration: none; }

.footer a {
  color: #333; }

.footer a:hover,
.footer a:focus {
  color: #94A38F; }

/*------- MASTHEAD ------*/
.container-fluid.header {
  background: #ffffff;
  padding: 10px; }

h4.phone {
  font-size: 18px;
  margin: 20px 0 0; }

/*------- MISC ------*/
li {
  list-style-type: square; }

hr {
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: .3em 0;
  border: none;
  background: #ddd;
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0, #e4e4e4), color-stop(0.1, #cccccc), color-stop(0.9, #cccccc), color-stop(1, #e4e4e4));
  background-image: -moz-linear-gradient(left center, #e4e4e4 0%, #cccccc 10%, #cccccc 90%, #e4e4e4 100%); }

.container.content {
  margin-top: 10px; }

.container.inner-content {
  margin-top: 80px; }

@media only screen and (min-width: 970px) {
  .container.inner-content {
    margin-top: 200px; } }

.bannertagline {
  font-size: 20px;
  font-family: Open Sans, Helvetica, Arial, Sans-Serif;
  color: #003900;
  margin: 0; }

/*Staff Profiles*/
.position {
  font-size: 14px;
  margin: 0 0 0 0; }

.stf-photo {
  float: left;
  background: #FFF;
  padding: 7px;
  margin: 0 10px 10px 0;
  border: solid 1px #cccccc; }

.bio {
  float: left;
  margin: 0; }

.bio p {
  margin-top: 0; }

@media only screen and (min-width: 640px) {
  .bio {
    float: none; } }

/*Contact Page Styles */
.contact-left,
.contact-right {
  float: left;
  width: 300px; }

.pad-t-b {
  padding-top: 5px;
  padding-bottom: 5px; }

.well.grey {
  background-color: #D6D8D9; }

.well li {
  /*list-style-type: none;*/
  line-height: 1.5em; }

/* ----- Main nav ----- */
.nav-row {
  background-color: #94A38F;
  border-bottom: solid 3px #eeeeee; }

.screen-nav {
  display: none; }

.navbar .navbar-nav > li > a {
  background-color: transparent;
  color: #333333;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  text-shadow: none;
  text-transform: uppercase; }

.navbar .navbar-nav > li > a:hover {
  background-color: transparent; }

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: transparent;
  color: #efefef;
  text-decoration: none; }

.navbar-nav {
  width: 100%;
  text-align: center; }
  .navbar-nav > li {
    float: none;
    display: inline-block; }

@media only screen and (min-width: 992px) {
  .nav > li > a {
    font-size: 16px;
    padding: 20px 20px; } }

@media only screen and (min-width: 1200px) {
  .nav > li > a {
    background-color: transparent;
    color: #333333;
    font-family: "Open Sans", sans-serif;
    text-shadow: none;
    text-transform: uppercase; } }

.navbar .navbar-nav > .active > a {
  background-image: none;
  background-image: none;
  padding-top: 14px;
  box-shadow: none;
  -webkit-box-shadow: none; }

.navbar {
  background-color: #ffffff;
  background-image: none;
  margin-bottom: 0;
  position: relative; }

.nav > li > a {
  background-color: transparent;
  color: #333333;
  font-family: "Open Sans", sans-serif;
  text-shadow: none;
  text-transform: uppercase; }

/* ==========================================================================
   Off-canvas custom styles
   ========================================================================== */
a.nav-expander {
  background: none repeat scroll 0 0 transparent;
  color: #333333;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  padding: 1.4em 1.6em 2em;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-transform: uppercase;
  top: 0;
  transition: right 0.3s ease-in-out 0s;
  width: 60px;
  z-index: 12;
  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s; }

a.nav-expander:hover {
  cursor: pointer; }

a.nav-expander.fixed {
  position: fixed; }

.nav-expanded a.nav-expander.fixed {
  right: -20em; }

@media only screen and (max-width: 991px) {
  nav {
    background: #94A38F;
    display: block;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: -20em;
    font-size: 13px;
    top: 0;
    width: 18em;
    z-index: 2000;
    transition: right 0.3s ease-in-out 0s;
    -webkit-transition: right 0.3s ease-in-out 0s;
    -moz-transition: right 0.3s ease-in-out 0s;
    -o-transition: right 0.3s ease-in-out 0s;
    box-shadow: -4px 0 10px -6px; } }

.nav-expanded nav {
  right: 0; }

body.nav-expanded {
  margin-left: 0em;
  transition: right 0.4s ease-in-out 0s;
  -webkit-transition: right 0.4s ease-in-out 0s;
  -moz-transition: right 0.4s ease-in-out 0s;
  -o-transition: right 0.4s ease-in-out 0s; }

#nav-close {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
  font-size: 24px;
  padding-right: 10px; }

.main-menu {
  padding-top: 12px; }

.main-menu li {
  border-bottom: 1px solid #777777;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 15px;
  padding: 10px 12px; }

.main-menu li a {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 15px;
  font-weight: 200;
  color: #333333;
  text-decoration: none;
  text-transform: uppercase; }

.main-menu li ul {
  background-color: #333333;
  margin-left: -30px;
  margin-right: -10px; }

.main-menu li ul li a {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 15px;
  font-weight: 200;
  color: #333333;
  padding-left: 0;
  text-decoration: none;
  text-transform: none; }

.main-menu li a:hover {
  color: #efefef;
  text-decoration: none; }

.main-menu li .sub-nav {
  border-bottom: 0px;
  padding: 4px; }

.main-menu a .caret {
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: top;
  border-top: 6px solid #efefef;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  content: "";
  margin-top: 8px;
  color: #efefef; }

.main-menu a:hover .caret {
  border-top-color: #efefef; }

.main-menu li.open > a > .caret {
  border-top: none;
  border-bottom: 6px solid #efefef;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent; }

.main-menu li.open > a:hover > .caret {
  border-bottom-color: #efefef; }

.main-menu li ul {
  background-color: #333333;
  margin-left: -30px;
  margin-right: -10px;
  margin-top: 15px;
  margin-bottom: -15px; }

.icon:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  content: '\f105'; }

.main-menu li > a > span.icon {
  float: right;
  margin: 0.1em 1.7em -0.1em 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.main-menu li > a:hover > span.icon {
  float: right;
  margin: 0.1em 0.8em -0.1em 0;
  opacity: 1; }

.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  top: 0;
  border-bottom: solid 1px #94A38F; }

a.nav-expander {
  padding: .4em .4em 2em; }

/*------- SIDEBAR ------*/
.sidebar a, a {
  color: #003900;
  text-transform: uppercase;
  font-size: 13px; }

.sidebar-list {
  color: #003900;
  margin-left: -10px;
  list-style-type: square; }

.sidebar-list a {
  font-size: 14px; }

.sidebar-list li {
  color: #003900;
  margin-left: -20px;
  list-style-type: square;
  text-transform: capitalize; }

li.sidebar.staff {
  list-style-type: none; }