@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
table.mobileTable tr > td:first-of-type,table.mobileTable td::before{font-family: "Barlow Condensed", sans-serif; font-weight: 700; line-height: 120%;}
/* HEADER ------------------------------*/
body>header{position: relative;height: 5.625rem;z-index: 5;}
#mainnav>ul>li>a {font-size: 1.3125em;}

#brand {
  display: block;
  margin-left: 1rem;
  float: left;
}
#brand img {
  display: block;
  width: 29em;
  position: relative;
  height: auto;
  top: 1rem;
}
/* NAV ------------------------------ */
nav ul{margin: 0}
#mainnav{overflow:visible; float: right; width: auto; clear: none; margin:2.2em 0 0 0;}
#mainnav ul{text-align:center;overflow:visible;margin: 0;padding: 0;}
#mainnav li{display:inline-block;position:relative}
#mainnav a{line-height:1.5;padding:.45em .778em .551em;display:inline-block;color:#666;text-decoration:none;}
#mainnav>ul>li:hover>a, #mainnav>ul>li:active>a{background: #F8CB47;color: #000066;}
#mainnav>ul>li.on>a{background:#000066;color: #fff;}
#mainnav>ul>li:last-child:hover>a {color:#fff;background:#000066;border-radius: 2px 2px 0 0;;}
/*dhtml*/
#mainnav li ul{background: #E8E8E8;z-index:1;width:12em;padding:.5em 0;position:absolute;overflow:auto;height:auto;top: -200vh;opacity: 0;z-index: -1;visibility: hidden;-webkit-transition: ease 200ms opacity;-o-transition: ease 200ms opacity;transition: ease 200ms opacity;}
#mainnav li:hover ul, #mainnav>ul>li>a.tapped + ul {opacity: 1; top:auto; visibility: visible; z-index: 1;}
#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}
#mainnav ul li ul li a{background:none;color:#333}
#mainnav li ul li a{font-size:1.125em;line-height:1.1em;padding:.445em .908em; display:block;width:100%;text-align:left;float:left}
#mainnav li ul li a:hover, .t1 li ul li a:active{color:#fff;background:#000066}
#mainnav > ul>li:nth-child(4) { position: static;}

/* dropdown menu */
#mainnav li .megamenu {border-top: solid 3px #F8CB47;z-index:1;top: -200vh;opacity: 0;visibility: hidden;right: 0;text-align:left;width:64rem;max-width:100%;padding: 1.5rem 1.5rem;background: #FFF;position:absolute;overflow:auto;height:auto;visibility: hidden;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-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;-webkit-box-align: stretch;align-items: stretch;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);}

#mainnav li:hover .megamenu {top:auto;opacity: 1;z-index: 1;visibility: visible}

#mainnav li .megamenu > * {-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;-webkit-box-flex: 1;flex: 1 1 auto;}
#mainnav li .megamenu h2 {color:#000066;font-size: 1.2rem;text-transform: uppercase;margin: 0 0 .5rem .5rem;}
#mainnav .megamenu .teachers {width: 80%;vertical-align: top;border-right: dashed 1px rgba(102,102,102,.3);}
#mainnav .megamenu .admin {width: 20%;vertical-align: top;padding-left: 1.75rem;color: #000;font-size: .875rem;}
#mainnav .megamenu .admin em {display: block;color:#666666;}
#mainnav li .megamenu ul { background: transparent; }
#mainnav li .megamenu .teachers ul {width: -webkit-calc(20% - 1rem);width: calc(20% - 1rem);margin-right: 1rem;padding:0;position: relative;float: left;}
#mainnav li .megamenu ul li {display: block}
#mainnav > ul > li:last-child .admin ul {position: static;width: 100%;}
#mainnav li .megamenu ul li a{background:none;color: #666;font-size: .875rem;line-height: 1.3;padding: .25rem .5rem;display:block;width:100%;text-align:left;float:left;}
#mainnav li .megamenu .admin ul li a {color: #000066;margin: 0 0 .25rem;}
#mainnav li .megamenu ul li a:hover{color: #FFF;background: #000066;border-radius: 2px;}
#mainnav li .megamenu ul li a:hover em {color: #fff;}
#mainnav li .megamenu .megamenu-text {width:50%; margin-right: 2em;}
#mainnav li .megamenu .megamenu-image {width:50%; background-position: center; background-size: cover}

#navContainer{position: relative;}
/* ancillary */
#ancillary {position: absolute;right:0;top:0; color:#ccc;background-color: #E8E8E8;font-family: "Barlow", sans-serif;}
#ancillary ul{display: inline}
#ancillary li{display: inline;}
#ancillary a {display: inline-block;padding: .25em .75em; text-decoration:none;color:#666666;font-size: .9rem;}
#ancillary a:hover, #ancillary a:active,#ancillary li.on a{color:#fff;background-color: #666;}
#ancillary li.on a {text-decoration:none;color:#fff;background-color: #000066;}
#ancillary .search{display: inline;}
#ancillary .search input{display: inline-block}

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


/* MAIN ------------------------------ */

main>div>aside{width:15.3125rem;padding-right: 2.8125rem; overflow:hidden;float: left; margin-top: 4rem;}
body.fullWidth  #content {width: 100%;margin: 0 auto;float: none}

#content{ float:right; width:-webkit-calc(100% - 15.3125rem); width:calc(100% - 15.3125rem); padding:0 0 50px; min-height:600px; position:relative; }
#content.fullWidth {float:none;margin: 0 auto}
.wsManagementLogin td:first-child {width:40%; text-align: right}

.twoCol, .threeCol, .resCol { -webkit-column-rule:0; -moz-column-rule:0; column-rule:0; }
.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}

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

/* HOME HERO ---------------------------- */
.hero h1 {font-size: 4rem;}

/* RIBBON 2 ---------------------------- */
.home-events {overflow: hidden;padding: 2.25rem 0 5rem;}
.home-events ul li:nth-of-type(7), .home-events ul li:nth-of-type(8) { background-image: none; }
.home-events svg {width: 32rem;}
.home-events .container {width: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.home-events .container section { width: 50%; }
.home-events .video {width: 30%; display: inline-block;}
.home-events .news ul, .home-events .events ul {width: 100%;}
.home-events .container.twoLists {width: 100%}
.home-events .container.twoLists .news {width: 48%;padding-right: 2%;}
.home-events .container.twoLists .events {padding-left: 2%;width: 48%;padding-right: 0;}

table.mobileTable td:before {content: none !important;}

/* FOOTER ------------------------------ */
.fatFooter>nav{float: left;width: 80%}
.fatFooter>nav>ul{float: left;width:25%}
#web-solutions-exposure {float:right;margin-left:11px}
body>footer .wrap nav span:before {content: "|"; margin: 0 0.5em}

/* 2000 */
@media (min-width: 2000px) {
  body:not(#mainnav > ul > li > a) { font-size: 1.1em; }
}

/* 1250 */
@media (max-width: 1250px) {
  body>*>.wrap, #alertApp>*, .home .wrap,body>footer>.fatFooter  { padding-left: 5vw; padding-right: 5vw; }
  .welcome-message-text { padding-left: 5vw; padding-right: 2vw; font-size: .9em; }
}
/* 970 */
@media (max-width: 970px) {
#brand img {width: 24em;top: 1.25em;}
}
/* 950 */
@media (max-width: 950px) {
  .welcome-message-text { padding: 5vw 3vw; }
  .welcome-message h1 { margin-bottom: 1rem; }
  .welcome-message-image {padding-top: 52%;}
  .footer-navigation, .footer-contact-info { width: -webkit-calc(50% - 8em); width: calc(50% - 8em); }
  #mainnav > ul > li > a {font-size: 1em;}
}

/* 850 */
@media (max-width: 850px) {
  #mainnav a{ padding-left: .45em; padding-right: .45em; }
}

/* 900 */
@media (max-width: 900px) {
  #mainnav li .megamenu {padding: 1rem 1rem;}
  #mainnav li .megamenu .teachers ul {width: calc(20% - .5rem);margin-right: .5rem;}
  #mainnav .megamenu .admin {padding-left: 1rem;}
  }

  /* 850 */
@media (max-width: 850px) {
  #mainnav li .megamenu ul li a {font-size: .75rem;}
  #mainnav li .megamenu .teachers ul {width: calc(20% - .25rem);margin-right: .25rem;}
  }

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