/***********
	Fonts
***********/
@font-face {
  font-family: Rufina;
  font-style: normal;
  font-weight: 400;
  src: local('Rufina'), local('Rufina-Regular'), url(//fonts.gstatic.com/s/rufina/v5/b20akaON8y5FrBnVLY13WPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Rufina;
  font-style: normal;
  font-weight: 400;
  src: local('Rufina'), local('Rufina-Regular'), url(//fonts.gstatic.com/s/rufina/v5/yzqbAFqJ5tP0P9mjoE_63Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

@font-face {
  font-family: Allerta;
  font-style: normal;
  font-weight: 400;
  src: local('Allerta Regular'), local('Allerta-Regular'), url(//fonts.gstatic.com/s/allerta/v8/5tgwy7yYrNSzP9n8aR6sZg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

/***********
	Main
***********/
body,
h1,
h2,
h2 a,
h3,
h4 {
  color: #fff;
  font-family: arial, sans-serif
}

body,
h1 {
  font-weight: 400
}

.clear,
.wrapper {
  clear: both
}

body {
  padding: 0;
  margin: 0;
  background: #89a7a3;
  font-size: 14px;
  -webkit-text-size-adjust: none
}

.wrapper {
  width: 100%;
  margin: 0
}

.container {
  width: 940px;
  margin: 0 auto;
  padding: 0 10px;
  position: relative
}

h1,
h2 {
  color: #fff;
  font-family: Rufina, serif
}

h1 {
  font-size: 40px;
  text-shadow: 5px 4px 3px #728B88
}

h2 {
  font-size: 22px;
  font-weight: 700
}

h3,
h4 {
  font-family: arial, sans-serif
}

h3 {
  font-size: 18px;
  font-weight: 400;
  color: #fff
}

h2.nomargin,
h5 {
  font-weight: 700;
  color: #fff
}

h4 {
  font-size: 14px;
  color: #fff
}

h5 {
  font-size: 12px;
  font-family: Allerta, Helvetica, Arial, sans-serif
}

h2.nomargin {
  font-size: 22px;
  font-family: Rufina, serif;
  margin-top: 10px
}

.one_fourth,
.one_half,
.one_sixth,
.one_third,
.two_thirds {
  float: left;
  margin-right: 20px;
  margin-bottom: 15px
}

.one_third {
  width: 250px
}

.one_half {
  width: 400px
}

.two_thirds {
  width: 620px;
  border-right: 5px solid #9DBAB8;
  margin: 35px 0 0;
  padding: 0 24px 0 0
}

.one_fourth {
  width: 220px
}

.one_sixth {
  width: 140px
}

.one_half_home {
  width: 350px;
  margin-right: 70px;
  float: left;
  margin-bottom: 15px
}

.last {
  margin-right: 0 !important
}

.one_third_sidebar {
  width: 250px;
  float: right;
  margin-top: 29px;
  padding: 0 0 20px 38px
}

.left {
  float: left
}

.right {
  float: right
}

a {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-family: arial, sans-serif
}

a:hover {
  color: #0E4486
}

ul li li {
  margin-left: 30px
}

/***********
	Header
***********/
.numbers h3.about,
.numbers h3.number {
  text-align: right;
  font-family: Rufina, serif;
  text-shadow: 2px 2px 5px #728B88;
  font-weight: 400
}

.header {
  background: #9dbab8;
  height: 134px;
  border-bottom: 2px solid #fff;
  overflow: hidden
}

img.logo {
  float: left;
  margin-top: 29px
}

.numbers {
  margin-top: 19px;
  float: right
}

.numbers h3.number {
  float: right;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px
}

.numbers h3.number a {
  font-size: 20px;
  font-family: Rufina, serif
}

.numbers h3.about {
  float: right;
  margin-top: 15px;
  font-size: 18px
}

.home ul {
  float: right;
  padding: 0;
  list-style-type: none;
  margin: 0
}

.home ul li {
  width: 112px;
  height: 36px;
  display: inline-block;
  text-align: center
}

.home ul li a {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  font-family: arial, sans-serif;
  padding-top: 5px;
  text-decoration: none;
  display: block;
  background: url(../images/layout/nav-button.png) -115px 0 no-repeat;
  height: 31px
}

.home ul li a:hover {
  background-position: 0 0
}

.header ul {
  float: right;
  clear: right
}

/***********
	Home
***********/
.content-home ul,
ul.slides {
  list-style-type: none;
  padding: 0
}

.content-home ul li,
.content-home ul li a {
  font-size: 14px;
  text-decoration: none;
  font-family: arial, sans-serif
}

.content-home ul li,
.content-home ul li a,
span h2 {
  font-family: arial, sans-serif
}

.photos {
  background: url(../images/layout/bottom-shadow.png) 140px 202px no-repeat;
  height: 205px;
  border-top: 3px solid #fff;
  padding: 0
}

img.shadow {
  vertical-align: bottom
}

.slogan-home {
  float: left;
  margin-top: 55px
}

ul.slides,
ul.slides li img {
  float: right
}

flex-control-paging,
ol.flex-control-nav {
  display: none
}

ul.flex-direction-nav {
  display: none;
  list-type: none
}

ul.slides {
  width: 940px;
  margin-top: -27px;
  margin-bottom: 0
}

.shadow {
  margin-top: 0
}

.shadow img {
  margin: 0 auto
}

.photo ul {
  list-type: none
}

.kathleen {
  float: left;
  height: 15px;
  margin-top: 12px
}

.content-home ul {
  margin: 0
}

.content-home ul li {
  padding: 0;
  margin: 0 color:;
  display: block;
  line-height: 20px
}

.content-home ul li a {
  display: inline-block;
  color: #fff;
  margin-bottom: 10px
}

.content-home ul li a:hover {
  color: #0e4486
}

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

.content-home a:hover {
  color: #0e4486
}

.content-home p {
  line-height: 20px;
  padding-bottom: 10px
}

.icons img {
  margin: 0 150px;
  padding-bottom: 0;
  padding-top: 35px
}

.bottom-shadow {
  margin: 0;
  padding: 0
}

span h2 {
  font-size: 26px;
  font-weight: 700;
  color: #fff
}

.content-home a.serv-button,
h3.slogan {
  font-family: Rufina, serif
}

h3.slogan {
  color: #0d6281;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 400;
  text-shadow: 2px 2px 5px #728B88
}

.content-home .two_thirds h2,
.content-home .two_thirds h3,
.content-home .two_thirds h4,
.content-home .two_thirds h5 {
  margin: 10px 0
}

.content-home .two_thirds ul li {
  margin-bottom: 15px
}

.content-home a.serv-button {
  background: url(../images/layout/serv-button.png) no-repeat;
  height: 89px;
  width: 166px;
  padding: 28px 40px 20px 27px;
  margin: 0 -10px;
  font-weight: 700;
  font-size: 21px;
  text-shadow: -2px 1px 2px #728B88
}

.content-home a.serv-button:hover {
  background-position: 0 -95px;
  color: #fff
}

/***********
	Sub
***********/
.content-home a.serv-button-sub {
  background: url(../images/layout/serv-button.png) no-repeat;
  height: 89px;
  width: 249px;
  padding: 28px 57px 20px 27px;
  margin: 0 -10px;
  font-family: Rufina, serif;
  font-weight: 700;
  font-size: 21px;
  text-shadow: -2px 1px 2px #728B88
}

.content-home a.serv-button-sub:hover {
  background-position: 0 -95px;
  color: #fff
}

.content-home .two_thirds h2 {
  margin-top: 0
}

.content-home .two_thirds a {
  color: #0e4486
}

.content-home .two_thirds a:hover {
  text-decoration: underline
}

.content-home .two_thirds h3.subhead {
  font-family: Rufina, serif;
  font-weight: 700;
  color: #0d6382
}

.expandwrap {
  height: 30px;
  padding: 6px 35px 0 0;
  background: url(../images/layout/border-bottom-expand.png) 0 bottom no-repeat;
  margin-bottom: 10px
}

.expandwrap:hover {
  cursor: pointer
}

.expandwrap h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #fff;
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.expandwrap h2 .expand-it {
  float: right;
  font-size: 12px;
  color: #0d6382;
  background: url(../images/layout/expand-collapsearrow.png) right 8px no-repeat;
  padding-top: 4px;
  padding-right: 15px
}

.expand {
  padding-top: 1px;
  margin-top: -20px
}

/***********
	Footer
***********/
.footer {
  border-top: 5px solid #9dbab8
}

.footer p {
  text-align: center;
  width: 800px;
  margin-left: 70px
}

.footer p a,
.footer p.green {
  color: #3c746d;
  font-size: 12px
}

.footer p a:hover {
  color: #0E4486
}

/******************************
		 Mobile Phone
******************************/
@media (min-width:1px) and (max-width:800px) {
  #names {
    display: none;
  }

  .header,
  .kathleen,
  .numbers h3.about {
    text-align: center
  }

  .header {
    height: auto;
    width: 100%
  }

  .container {
    width: 96%;
    padding: 0 2%;
    min-width: 280px
  }

  img.logo {
    float: none;
    margin-top: 10px
  }

  .numbers {
    float: none;
    margin-right: 0;
    margin-top: 25px
  }

  .numbers h3.number {
    text-align: center;
    float: none
  }

  .numbers h3.about {
    margin-top: -7px;
    float: none;
    margin-bottom: 13px
  }

  .kathleen {
    position: absolute;
    top: 115px;
    left: 0;
    right: 0;
    margin: auto
  }

  .photos {
    position: inherit;
    height: 0
  }

  .slider {
    display: none
  }

  .header ul {
    float: none
  }

  .home ul li {
    width: 96px
  }

  .one_half_home {
    width: 100%;
    margin: 0 0 15px !important;
    float: none
  }

  .one_fourth,
  .one_half,
  .one_sixth,
  .one_third,
  .two_thirds {
    float: none;
    margin-right: 0;
    width: 100%
  }

  .icons img {
    margin: 0 auto;
    max-width: 100%;
    height: inherit
  }

  .content-home a.serv-button {
    height: inherit;
    margin-bottom: 27px;
    display: block;
    margin-top: -25px
  }

  .footer p {
    width: 100%;
    margin-left: 0
  }

  .icons #_Image-Maps_5201301021245561,
  .icons map,
  .icons map area {
    display: none
  }

  .two_thirds {
    padding: 0;
    border-right: none
  }

  .expandwrap {
    padding: 6px 122px 11px 0;
    height: inherit;
    position: relative
  }

  .expandwrap h2 .expand-it {
    position: absolute;
    top: 4px;
    right: 0
  }

  .one_third_sidebar {
    float: none;
    padding: 0 0 20px;
    width: auto
  }

  h3.slogan {
    margin: 25px 10px 12px
  }

  .content-home a.serv-button {
    margin: 0
  }

  ul.slides {
    width: auto
  }
}

/*****************************
Contact Forms
*****************************/

label {
  font-family: Rufina, serif;
  font-weight: 700;
  color: #0d6382;
}

input,
textarea {
  width: 100%;
}

input {
  min-height: 30px;
}

textarea {
  resize: none;
  min-height: 90px;
}

.button {
  background-color: #0d6382;
  color: #fff;
  width: 85%;
  border: none;
  border-radius: 4px;
  padding: 12px 25px;
  margin: 0 auto;
}

.form-input-group {
  padding-top: 15px;
  display: flex;
  flex-direction: column;
}

.small-margin-right {
  margin-right: 10px;
}

.confirm-info a {
  margin-right: 20px;
}

/* NAV DROPDOWN */
.header {
  overflow: visible;
}

.home .numbers ul li {
  position: relative;
  width: 87px;
}

.home .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 165px;
  z-index: 1;
  float: none;
}

.home .numbers>ul>li:hover>a+.sub-menu,
.home .numbers>ul>li:focus-within .sub-menu {
  display: block;
}

.home .numbers .sub-menu li {
  width: 100%;
  margin: 0;
  text-align: left;
}

.home .numbers .sub-menu li a {
  background: #417B73;
  padding: 0 15px;
  width: 100%;
  height: 100%;
  line-height: 36px;
}

.home .numbers .sub-menu li a:hover,
.home .numbers .sub-menu li a:focus {
  background: #0D6381;
}

@media screen and (min-width: 801px) {
  .home .numbers ul li {
    width: 112px;
  }
}