@charset "UTF-8";
/* Web Solutions 4.0 Compatible */

/* HEADER ------------------------------*/
body>header {background: #FFF;font-size: 1rem;position: relative;z-index: 999;}
body>header>.wrap>aside { position: absolute; }
body>header .wrap {position: relative;padding: 0.625em 1.5em;display: -ms-flexbox;display: -webkit-flex;display: -webkit-box;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;overflow: visible !important;}
body>header #brand{display:block;}
body>header #brand img{display: block;margin: 0 0 .75em;max-width: 100%;height: auto;width: auto;}
/* nav */
body>header nav ul{margin: 0}
body>header #navContainer {margin-top: 2.9375em;}
body>header #mainnav {overflow:visible;}
body>header #mainnav ul{text-align:center;overflow:visible;margin: 0;padding: 0;}
body>header #mainnav li{display:inline-block;position:relative}
body>header #mainnav>ul>li { margin: 0 0 0 1px; }
body>header #mainnav a{line-height: 1;padding: 1em .875em;display:inline-block;color: #373737;text-decoration:none;}
body>header #mainnav>ul>li:hover>a,
body>header #mainnav>ul>li:active>a,
body>header #mainnav>ul>li.on>a{color:#fff;background: #037A8B;}
/* drop-down menu */
body>header #mainnav li ul{z-index:1;width:200px;border-radius: 0 .25em .25em .25em;padding:1em 0;background: #023A54;position:absolute;overflow:auto;height:auto;top: -200vh;opacity: 0;z-index: -1;visibility: hidden;-webkit-transition: ease 200ms opacity 0.35s;-o-transition: ease 200ms opacity 0.35s;transition: ease 200ms opacity 0.35s;}
body>header #mainnav li:hover ul, #mainnav>ul>li>a.tapped + ul {opacity: 1; top:auto; visibility: visible; z-index: 1;}
body>header #mainnav>ul>li:last-child ul{border-radius: .25em 0 .25em .25em;right:0;}
body>header #mainnav li ul li{width:100%;display:block;float:left}
body>header #mainnav ul li ul li a{background:none;color:#fff}
body>header #mainnav li ul li a{font-size: .875em;line-height:1.1em;padding: .3em .75em;display:block;width:100%;text-align:left;float:left;}
body>header #mainnav li ul li a:hover, .t1 li ul li a:active{color:#000;background:#fff}
/* ancillary */
body>header #ancillary {position:absolute;right: 2.25em;top: .1875em;padding: 0.75em 0;}
body>header #ancillary ul{display: inline}
body>header #ancillary li{display: inline;margin: 0 0 0 .375em;}
body>header #ancillary a {
  border: .143rem solid #AF492C;
  border-radius: .5em;
  display: inline-block;
  font-size: .875em;
  padding: .25em 1em .25em 3em;
  position: relative;
  text-decoration:none;
  color: #373737;
}

body>header #ancillary li a::before,
body>header #ancillary li a::after {
  background-position: 1em center;
  background-repeat: no-repeat;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

body>header #ancillary li:nth-child(1) a::before { background-image: url('/images/icons/user-plus.svg'); }
body>header #ancillary li:nth-child(2) a::before { background-image: url('/images/icons/donate.svg'); }

body>header #ancillary li:nth-child(1) a::after { background-image: url('/images/icons/user-plus-white.svg'); opacity: 0; }
body>header #ancillary li:nth-child(2) a::after { background-image: url('/images/icons/donate-white.svg'); opacity: 0; }

body>header #ancillary li a:hover::before { opacity: 0; }
body>header #ancillary li a:hover::after { opacity: 1; }


body>header #ancillary a:hover, #ancillary a:active,#ancillary li.on a{background-color: #037A8B;border-color: #037A8B;color: #FFF;}
body>header #ancillary li.on a {text-decoration:none;color:#666}
body>header #ancillary .search{display: inline;}
body>header #ancillary .search input{display: inline-block}
/* mobile */
body>header #mobilenav,.menu{display: none}



/* MAIN ------------------------------ */
main>div>aside {margin-top: 3.75em;width: 14.625em;padding-right: 3em;overflow:hidden;float: left;}
main>div>#content{float:right;width: -webkit-calc(100% - 14.625em);width: calc(100% - 14.625em);padding: 3.25em 14.375vw 4.75em 0;overflow:hidden;min-height:600px;position:relative;}
body.fullWidth main>div>#content {padding: 3.25em 0 4.75em 0;width: 100%;margin: 0 auto;float: none;}

body.fullWidth main.interior>.wrap {max-width: 46.75em; }

.twoCol, .threeCol, .resCol {
  -webkit-column-rule:1px outset rgba(0,0,0,.15);
  -moz-column-rule:1px outset rgba(0,0,0,.15);
  column-rule:1px outset rgba(0,0,0,.15);
}

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

.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}

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

.wsManagementLogin td:first-child {width:40%; text-align: right}


.content .flex-images {margin: 0 0 2rem; 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; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;  }
.content .flex-images > figure {width:50%; margin:0; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.content .flex-images > figure + figure {margin-left: 1em}
.content .flex-images > figure img {max-width: 100%; display:block; margin: 0 auto 0.5em; height: auto}
.content .flex-images > figure figcaption {text-align: center; line-height:1.25em}

/* MEDIA QUERIES ------------------------------ */

@media (max-width: 1100px) {
  body>header { font-size: .9375em; }
  body>header>.wrap { padding-left: 1em !important; padding-right: .75em !important; }
  body>header #brand img { max-width: 22em; }
  body>header #mainnav a {padding: 1em .625em;}
  body>header #ancillary { right: 1.5em; }
}

@media (max-width: 1023px) {
  #hero { font-size: .8125rem; }
  #callouts, #history, .text-section, main.interior, body>footer { font-size: .9375rem; }

  #callouts li { width: -webkit-calc(33% - .75em); width: calc(33% - .75em); }

  #history h2, .text-section h1 { font-size: 2.25em; }

  main>div>#content {padding: 1.75em 0 4em 0;width: -webkit-calc(100% - 14.5em);width: calc(100% - 14.5em);}
  main>div>aside {margin-top: 3.5em;width: 13.5em;padding-right: 2em;}
}

@media (max-width: 900px) {
  body>header .wrap { padding-bottom: .5em; padding-top: .5em; }
  body>header #brand img { max-width: 19em; }
  body>header #mainnav>ul {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: .5em;
  }

  body>header #mainnav>ul>li {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 8em;
  }

  body>header #mainnav>ul>li>a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    padding: .625em .625em;
  }

  body>header #mainnav>ul>li:nth-last-child(2) ul {border-radius: .25em 0 .25em .25em;left: auto;right: 0;}

  #callouts { font-size: .875rem; }
}


/* LARGE DISPLAYS ------------------------------ */
@media (min-width: 2400px) {
  #hero { font-size: 1.125rem; }
  #callouts, #history, .text-section, main.interior, body>header, body>footer { font-size: 1.125rem; }
}


/* -------======= STYLE-D.CSS =======------- */