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

/* 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}

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

/* HEADER ------------------------------*/
body>header {position: relative}

/* PRIMARY NAV ------------------------------ */
#mainnav {bottom: 20px; overflow:visible; position: absolute; right: 0; width: auto; z-index: 10;}
#mainnav ul {margin:0; overflow:visible; text-align:right;}
#mainnav li {display:inline-block; position:relative; line-height: 1.438em}
#mainnav a {font-size: 1em; font-weight:700; text-transform: uppercase; color:#005596; padding:0 1em;display:inline-block;text-decoration:none;-webkit-text-size-adjust:none}
#mainnav>ul>li:hover>a, body>nav>ul>li:active>a {color:#f79120}
#mainnav>ul>li+li {border-left: 2px solid #005596}
#mainnav>ul>li.on>a{color:#6699cc}
#mainnav>ul>li.on:hover>a {color: #f79120}
/*dhtml*/
#mainnav li ul  {z-index:1;width:200px;padding:5px;background:#005596;position:absolute;overflow:auto;height:auto}
#mainnav>ul>li:last-child ul{right:0}
#mainnav li ul li{width:100%;display:block;float:left}
#mainnav ul li ul li a{background:none;color:#fff}
#mainnav li ul li a{font-size:.9em; text-transform: none; line-height:1.1em;padding:.3em .5em; display:block;width:100%;text-align:left;float:left}
#mainnav li ul li a:hover, .t1 li ul li a:active{color:#005596;background:#fff}

#ancillary {position: absolute; right: .8em; top:25px;}
#ancillary .search {float: left; width:auto; overflow: hidden}
#ancillary .search input[type="text"] {max-width: 0; padding:0; border:0; border-radius: 3px; color:#fff; -webkit-transition: ease all 300ms; transition: ease all 300ms; background: rgba(255,255,255,0.40); -webkit-box-shadow: none; box-shadow: none; -webkit-appearance:none;}
#ancillary .search button {font-size: 1.4em; padding:0; background:none}
#ancillary .search:hover input[type="text"], header+nav .search input[type="text"]:focus{max-width: 70%; width: 100%; padding: 0.188em 0.313em; border: 1px solid rgba(255,255,255,0.5);}
#ancillary .search input[type="text"]:focus {background: rgba(255, 255, 255, 0.15)}
#ancillary .search input[type="text"]:focus + button:hover {color: #ffff00}

#ancillary .social {float: left; margin-right: 1em; overflow: hidden}
#ancillary .social a {color: #005596; margin: 0 .25em;}
#ancillary .social a:hover {color: #f79120;}

#ancillary .button {margin-top: -3px; font-size: 0.75em}

/* HOME */
.flex-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
    width: 100%;
}
.flex-row > div {text-align: left; padding:0 3em; margin:3em 0; overflow:hidden; width: 33.333%;
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
            flex: 1 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    overflow: visible;
}
.flex-row div+div {border-left: 1px solid #005596;}

.bottomOutro {height: 36vw;}
.bottomOutro span:first-child {font-size: 3.5em;}
.bottomOutro span:nth-child(2) {color:#fff; font-size: 2.1875em;}

.information .wrap {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    }

.information .wrap .half {
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

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


/* MAIN ------------------------------ */
main>.wrap {padding-top:3em; overflow:visible;}
main>div>aside {width:20rem; padding-right: 4em; overflow:hidden;float: left;}


/* content */
#content{float:right;width:calc(100% - 20rem);padding:0 0 50px;overflow:visible;min-height:600px;position:relative}
.fullWidth main #content {float: none; width: 75%; margin: 0 auto;}
#content.welcome p {padding: 0 15%;}
.content .photoright {
        max-width: 50%;
        height: auto;
        margin:0 0 3rem 4rem;
        float:right;
    }

/* footer */
.fatFooter{
    margin:1.5em 0 3em;width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    }
.fatFooter>* {border-left:1px solid #fff; padding:0.5em 1em; line-height: 1.75em}
.fatFooter > * {float: left;}
.fatFooter .newsletter form {display: block;}
#web-solutions-exposure {float:right; margin-left:11px}

footer .schoolInfo .wrap {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}
footer .schoolInfo .wrap .footer-logos {float: left; width: 33%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
}
footer .schoolInfo .wrap .footer-logos a, footer .schoolInfo .wrap .footer-logos div {float: left; max-width: 48%; padding: 0 2% 0 0; width: 100%;}
footer .schoolInfo .wrap .footer-logos a {cursor: pointer;}
footer .schoolInfo .wrap .footer-logos a:nth-child(even), footer .schoolInfo .wrap .footer-logos div:nth-child(even) {padding: 0 0 0 2%;}
footer .schoolInfo p {padding-left:2%; width: 64%}


@media only screen and (max-width:815px) {
    #mainnav a {font-size: .875; padding: 0 .5em;}
}