@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
h1{font-size:2.5em;text-transform: uppercase}
/* addon classes */
.twoCol, .threeCol, .resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
}

.twoCol {-webkit-columns:2;columns:2;}
.threeCol {-webkit-columns:3;columns:3;}
.resCol {
	-webkit-columns: auto;columns: auto;
	-webkit-column-width: 13em;column-width: 13em;
}

/* forms */
.formTable td{width:50%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}

/* Donation */
.donationAmount .radioButtons div {width: 20%;}

/* content */
.photoright{margin:0 0 3em 4em;}
.photoleft{margin:0 4em 3em 0;}

a.anchor {scroll-margin-top: 8rem;}

/* HEADER ------------------------------*/
body>header{position: fixed}
body>header>.secondary {display: none}
/* NAV ------------------------------ */
nav ul{margin: 0}
#mainnav{;overflow:visible;margin-top: -4.75em}
#mainnav ul{float: right;overflow:visible;margin: 0;padding: 0;}
#mainnav li{display:inline-block;position:relative}
#mainnav a{line-height:3.5em;padding:0 .78em;display:inline-block;color:#545e66;text-decoration:none;font-size: 1.063em}
#mainnav>ul>li:hover>a, #mainnav>ul>li:active>a{background:#e29a58;color:#fff;border-top-left-radius: 3px;border-top-right-radius: 3px}
#mainnav>ul>li.on>a{background:#1a4463;color:#fff;border-top-left-radius: 3px;border-top-right-radius: 3px}
/*dhtml*/
#mainnav li ul{z-index:1;width:300px;;background:#e9e8e6;position:absolute;overflow:auto;height:auto;-webkit-box-shadow: 0px 7px 8px 0px rgba(0,0,0,0.26);box-shadow: 0px 7px 8px 0px rgba(0,0,0,0.26);}
#mainnav>ul>li:last-child {margin-right:.5em}
#mainnav>ul>li:last-child {background:#e29a58;border-top-left-radius: 3px;border-top-right-radius: 3px}
#mainnav>ul>li:last-child>a {color: #fff}
#mainnav>ul>li:last-child ul, #mainnav>ul>li:nth-last-child(2) ul{right:0}
#mainnav li ul li{width:100%;display:block;float:left;border-bottom: 2px solid #fff}
#mainnav li ul li:last-child {border-bottom: none}
#mainnav ul li ul li a{background:none;color:#545e66}
#mainnav li ul li a{font-size:1.063em;line-height:1.1em;padding:.7em .5em; display:block;width:100%;text-align:left;float:left}
#mainnav li ul li a:hover, .t1 li ul li a:active{color:#25628f;background:#fff}

.stick header {-webkit-box-shadow: 0px -6px 10px 8px rgba(0,0,0,0.2);box-shadow: 0px -6px 10px 8px rgba(0,0,0,0.2);}
.stick #mainnav{;overflow:visible;margin-top: -3.65em;}
.stick #brand, .stick #brand img {width: 254px;height: 71px}

/* ancillary */
#ancillary {position: absolute;right: 0; top: 0; left: 0; height:2.188em;background-color: #25628f;color: #fff;font-size:.938em;z-index: 1;text-align: right;overflow: hidden}
#ancillary ul{display: inline;padding: 0}
#ancillary li{display: inline;}

#ancillary a {display: inline-block;padding: 0 .8em;text-decoration: none;color: #fff;border-left: 1px solid #92b1c7;line-height: 2.2em;position: relative;}

#ancillary i {color: #fff;font-size: 1.3em;top: 1px;position: relative}
#ancillary div>a {background-color: #1a4463;border: none;height: 33px}
#ancillary div>a:last-child {padding-right:1em}
#ancillary a:hover, #ancillary a:active,#ancillary li.on a, .search button:hover {color:#fff;background-color:#587b95}
#ancillary li.on a {text-decoration:none;color:#fff}
.search{display: inline;}

header .search input {width: 0;border: none;padding: 0;display: inline-block}
header .search:hover input, #site-navigation .search-form input:focus {width: 10em;height: 30px;padding-left: 10px;-webkit-box-shadow: none;box-shadow: none}


.secondary {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;background-color: #1a4463;height: 33px;border-left: 1px solid #92b1c7;position: relative;top: -1px;padding-right: 1.5em}
.secondary .search  button {padding: 0 11px 0 1.25em;position: relative;top: 0;border-radius: 0;}
.secondary .search input {width: 0;padding: 0;margin: 0}
.secondary .search:hover input, .secondary .search input:focus {width: 10em;padding: 0 .5em;margin: 0;position: relative;top: -1px; height: 33px}
.navIcon span {float: right}
.secondary .search:before {color: #fff;}
.secondary a:hover:before, #ancillary .search button:hover i {color: #E29A4D;}
.navIcon.account {position: relative;top: 0;color: #fff;padding: 0 1.5em}
.navIcon.cart {position: relative;top: 0;color: #fff;}

/* mobile */
#mobilenav,.menu{display: none}

/* MAIN ------------------------------ */
main>div>aside{width:16rem;padding-right: 4em; overflow:hidden;float: left;}

/* content */
#content{float:right;width:calc(100% - 16rem);padding:0 0 50px;overflow:hidden;min-height:600px;position:relative;z-index: 1}
blockquote {padding: 1.5em 1.75em;font-size: 1.25em;line-height: 1.3}

.intHeader {background-color: #25628f;float: left;margin-top: 8.3em;}
.intHeader div {background-repeat: no-repeat; background-size: cover; max-width: none; padding-top: 15%;}

/* Interior Watermark */
.homeWatermark {
  width: 358px;
  height: 488px;
}
.intWatermark {background: url(/images/watermark.png);position: absolute;bottom: -17px;left: 0;width: 470px; height: 574px;background-size: contain;background-repeat: no-repeat}

/* Homepage */
.homeTop {margin-top: 8em}

.homeFeatured .program-slider .slick-track { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.homeFeatured .program-slider .slick-track .slide {height: auto}
.homeFeatured .featuredCallBox {width: 100%; height: 100%; padding: 1em 1em 5.25em; position: relative;}
.homeFeatured .featuredCallBox span + span {margin-bottom: 0}
.homeFeatured .featuredCallBox .orangeButton {position: absolute; bottom:1.5em; left:1em}
.homeFeatured .featuredCallBox:nth-child(4) {margin: 0 3%;}
.homeEvents {width: 50%;padding: 2em 6em 0 0}
.homeEvents>a, .homeCalenderBox > a {margin-top: .8em;}
.homeCalenderBox {width: 50%;padding: 2em 1em 0 5em}
.homePlan .homeLeft {padding: 10em 0 10em 2em;padding-right: calc(50% + 6em);}
.homePlan .homeRight {width: 50%;border-left: 2px solid #fff}

.homeEvents h2, .homeCalenderBox h2 {font-size: 1.875rem;}

.homeFeatured .featuredCallBox:nth-child(4) {margin: 0 3%;}
.homeFeatured {padding: 2.5em 0 5.5em 0}

.homeFeatured h2 {float: left;}
.homeFeatured .featuredCallBox {float: left;}
.homeFeatured a:hover {color: #fff}

.homeQuoteMail {padding: 5em 0 4em 0;}
.homeQuoteMail .homeLeft {padding-right: 6em;width: 50%;}
.homeQuoteMail .homeRight {padding-left: 5em;width: 50%;}
.homeQuoteMail .homeRight form input {width: calc(100% - 167px);}
.homeQuoteMail .homeRight form button:hover {background:#587b95}
.homeInvolved {border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
.homeInvolved .homeLeft {width: 50%;border-right: 2px solid #fff;}

.homeInvolved {padding: 10em 0;}
.homeInvolved .homeRight {padding-left: calc(50% + 6em);}
.homeInvolved .homeRight a:hover {color: #fff}

.homeWelcome {padding: 6em 0}
.homeWelcome .homeLeft {width: 50%;padding-right: 5em}
.homeWelcome .homeRight {width: 50%;margin-top: 7em;padding-left: 5em}

/* footer */
.fatFooter>nav{float: left;width: 80%}
.fatFooter>nav>ul{float: left;width:25%}
.fatFooter h2 {font-size: 1.250em}
#web-solutions-exposure {float:right;margin-top: -1.5rem;}
.fatFooter div {width: 20%;min-width: 12em}
.fatFooter>div:last-child {float: right;}

/* Alert */
#alertApp {left: 0; position: fixed; top: 0; z-index: 4;}
#alertApp + header {top:2.25rem;}

@media screen and (max-width:1500px) {
    /* .intHeader {margin-top: 5.6em} */
}
@media screen and (max-width: 1200px) {
    .homePlan .homeLeft {padding-right: calc(50% + 2em);}
    .homeInvolved .homeRight {padding-left: calc(50% + 2em);}
    #mainnav {margin-top: -3.1em}
    .stick #mainnav{margin-top: -3.1em;}

    #mainnav a {padding: 0 .5em;font-size: .9em}
    #brand, #brand img {width: 254px;height: 71.666px}
    .homeTop {margin-top: 6em}

    .homeEvents h2, .homeCalenderBox h2 {font-size: 1.45rem;}
    .homeCalenderBox {padding: 2em 1em 0 2em;}
    .homeEvents {padding: 2em 3em 0 0;}
    .homeEvents>a, .homeCalenderBox > a {margin-top: .4em;}
}
@media screen and (max-width:900px) {
#mainnav>ul>li:nth-last-child(3) ul{right:0}
.homeCalenderBox {padding: 2em 1em 0 .75em;}
.homeEvents {padding: 2em .75em 0 0;}
}
@media screen and (max-width:850px) {
    #brand {margin-left: 0}
    #mainnav a {padding: 0 .3em;font-size: .8em}
    #mainnav {margin-top: -2.75em}
    .stick #mainnav{;overflow:visible;margin-top: -2.75em;}
    body>footer>.wrap div:first-child {float: left}
    #web-solutions-exposure {float: left;margin: 0}
}

@media screen and (max-width:800px) {
    .homeEvents {width: 100%;margin: 0;padding: 0}
    .homeCalenderBox {width: 100%;margin: 0;padding: 0}
    .homeQuoteMail .homeLeft {padding-right: 1em;}
    .homeQuoteMail .homeRight {padding-left: 1em;}
    .homeQuoteMail .homeRight form button {padding: 0 .5em}
    .homeQuoteMail .homeRight form input {width: calc(100% - 150px);}
    .homeWelcome {padding: 3em 0}
    .homeWelcome .homeLeft {padding-right: 1em;}
    .homeWelcome .homeRight {padding-left: 1em;}
    .homeQuoteMail h2, .homeWelcome h1, .homeLeft h2, .homeRight h2, .homePlan .homeLeft h2 {font-size: 2em}
    .homeQuoteMail .homeRight form button {font-size: 1em}
}

/* Hovers */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #e29a58;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #587b95
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #e29a58;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

