@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
/* HEADER ------------------------------*/
body>header{position: relative; height: 5.625em; border-bottom: 3px solid #006F3C; z-index: 5;}
#mainnav>ul>li>a {font-size: 1.3125em;}

#brand {
        display: block;
        margin-left: 1rem;
        float: left;
        width: 18.1rem;
        align-self: center;
    }
    #brand img {
        display: block;
        max-width: 100%;
        height: auto;
        width: auto;
    }
/* 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:#000;color:#fff}
#mainnav>ul>li.on>a{background:#006F3C;color: #fff;}
#mainnav>ul>li:last-child a:hover {color:#fff;background:#006F3C;-webkit-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;;}
/*dhtml*/
#mainnav li ul{z-index:1;width:12em;padding:.5em 0;background:#E8E8E8;position:absolute;overflow:auto;height:auto; top: -200vh;opacity: 0;z-index: -1; visibility: hidden; -webkit-transition: ease 200ms opacity 0.35s; transition: ease 200ms opacity 0.35s;}
#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:#006F3C}
#mainnav > ul>li:nth-child(4) { position: static;}

/* dropdown menu */
#mainnav li .megamenu {border-top:solid 3px #006F3C;z-index:1;top: -200vh;opacity: 0;visibility: hidden;right: 0;text-align:left; width:64rem;max-width:100%;padding:1rem 1em;background:#E8E8E8;position:absolute;overflow:auto;height:auto;visibility: hidden; 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: space-between; -ms-flex-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; align-items: stretch;}

#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;flex: 1 1 auto;}
#mainnav li .megamenu h2 {color:#006F3C;font-size: 1.2rem;text-transform: uppercase;margin-bottom: .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: 2%;color: #000;font-size:.9em;}
#mainnav .megamenu .admin em {display: block;color:#666666;}
#mainnav li .megamenu .teachers ul {width:24%;margin-right:1%; padding:0; background: none; top:auto; left:auto; right:auto; position: relative; display: inline-block;vertical-align: top;}
#mainnav li .megamenu ul li {display: block}
#mainnav > ul > li:last-child .admin ul {right: auto;}
#mainnav li .megamenu ul li a{background:none;color:#000; font-size:.9rem;line-height:1.1em;padding:.3em .5em; display:block;width:100%;text-align:left;float:left}
#mainnav li .megamenu ul li a:hover{color:#fff;background:#000;border-radius: 4px;}
#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: #000;}
#ancillary .search{display: inline;}
#ancillary .search input{display: inline-block}

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


/* MAIN ------------------------------
main,body>footer{padding-left: 3%;padding-right: 3%}*/

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:calc(100% - 15.3125rem);padding:0 0 50px;/*! overflow:hidden; */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;
        column-rule:0;
}

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

.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 3em 4em;}
.photoleft{margin:0 4em 3em 0;}

.m-only{ display: none; }
/* Home Hero ---------------------------- */

.hero h1 {font-size: 4rem;}
.hero:before {content: "";
	background-image: url(/images/white-shield.svg);
	height: 7.75rem;
	width: 7.75rem;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	bottom: .25em;
	right:0;
	z-index: 1;}


/* RIBBON 2 ---------------------------- */
.home-events {
	padding-top: 2em;
	padding: 2em 5vw;
}
.home .home-events .wrap {padding:0;max-width: 75rem;}

.home-events ul li:nth-of-type(7), .home-events ul li:nth-of-type(8) {
        background-image: none;
}
.home-events svg {
        width: 19em;
}
.home-events .container {width: 69%;display: inline-block;vertical-align: top;margin-bottom: 2rem;}
.home-events .news, .home-events .events {width: 49%;display: inline-block;padding-right: 5%;vertical-align: top;}
.home-events .video {width: 30%; display: inline-block;}
.home-events .news ul, .home-events .events ul {width: 100%;}
.home-events .news ul { padding-left: 1rem}
.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: 125em) {
        body {font-size: 1.1em;}
}

/* 1250 */
@media (max-width: 78.125em) {
        body>*>.wrap, #alertApp>*, .home .wrap,body>footer>.fatFooter  {padding-left: 5vw; padding-right: 5vw;}

        .home-events svg {
                opacity: .05;
                z-index: -1;
                bottom: .5em;
                top: auto;
                right: .5em;
        }
        .home-events svg path, .home-events svg ellipse {fill: #000;}

        .welcome-message-text {
                padding-left: 5vw;
                padding-right: 2vw;
                font-size: .9em;
        }
}

/* 950 */
@media (max-width: 59.375em) {
        .welcome-message-text {
                padding: 5vw 3vw;
        }
        .welcome-message h1 {
                margin-bottom: 1rem;
        }
        .welcome-message-image {padding-top: 52%;}
}

/* 950 */
@media (max-width: 850px) {
        #mainnav a{padding-left: .4em;padding-right: .4em;}
}
/* 780 */
@media (max-width: 780px) {
#brand {
        width: 16rem;
        margin-top: .75rem;
    }
}