@charset "UTF-8";

html {-webkit-box-sizing:border-box;box-sizing:border-box;}
*, *:before, *:after {-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0;border:0;}

#wsManagementBar, #wsManagementBarSpace, #wsManagementBarLine, .popBody, #mbOverlay, #mbCenter{-webkit-box-sizing:content-box;box-sizing:content-box; line-height:1.3em}

/*----- Web Solutions 3.0 Compatible -----*/
* {margin:0;padding:0;border:0;outline:none;}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit}
table {border-collapse:collapse}
td {vertical-align:top}
#wsManagementBarTitle {height:auto!important}

/*----- CORE ELEMENTS -----*/
#mainBody {background:#fff}
#mainBG {}
#wysiwygBody{background:#fff}
#siteWrap {margin-right:auto; margin-left:auto; width:1000px; position:relative}
.clearFloats {clear:both}
#printHeader {display:none}
.nobr { white-space: nowrap}
td {empty-cells:show;}
.even{}
.odd{background:#efefef}

/*page widths*/
body>#header, body>#main, body>#footer, #alertApp, #alertDesc, #mainNav, #pageHeader, #linkBar, #rotatorContainer, #mainHome, #bottomHome {width:100%; float:left; clear:left; padding:0 10px; display:block; min-width: 1020px;}
body>*>.wrap, body>#footer>.fatFooter, #alertDesc > *, body > #header .wrap {width:1000px; margin-left:auto; margin-right:auto; position:relative; overflow:hidden;}

/*----- Text Styles -----*/
body, .text{font-family:"adelle-sans", Arial, Helvetica, sans-serif; line-height:1.875; color:#333}
.expo, #header form input[type="text"], .button, #fatFooter div h1 {font-family:"expo-sans-pro", Arial, Helvetica, sans-serif;}
body, .text, th{text-align:left}

a {color: #7982aa; text-decoration:none}
a:hover, a:active {color:#2a3c87; text-decoration:underline}

p, h1, h2, h3, h4, hr, #content ul, .contentEditor ul, blockquote, dd {margin-bottom:1em;}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:normal}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt {color:#333}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:1.3em;}
em, i{font-style: italic}
b, strong {font-weight:bold}
u { text-decoration:none}
hr, .borderTop, dt{border-top:1px dashed #ccc;margin-top:10px;padding-top:5px}
hr {height:0px; margin-top:10px}
p {font-size:1em}
h1 {font-size:1.875em; color:#52845c; margin-bottom:40px;}
h2 {font-size:1.75em; color:#2a3c87; margin-bottom: .5em; line-height: 1.4em}
h3 {font-size:1.5625em; color:#7982aa;}
h4, th{font-size:1.5em; color: #2a3c87;}
h5 {font-size: 1.4375em; color: #4d7e59;}
h6 {font-size: 1.37em; color:#4d7e59;}
h7, h8, h9{font-size:1.1em;margin:0px 0px 0px 0px}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li, #mainHome #classes ul li a, #content #viewClassesBy ul li{background:url(../images/icons/32x32/bullet.png) no-repeat 0px 7px; margin-top:3px; padding-left:1.1em;background-size: 16px 16px}
#content ol, #content_home ol, .contentEditor ol{margin:10px 0 10px 20px}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li, {background:url(/images/icons/32x32/bullet2.png) no-repeat -3px 2px; margin-top:3px; padding-left:15px; color:#8c8c8c; margin-top:2px; font-size:.92em; line-height:1.4em; background-size: 16px 16px}
#content ul li ul li a, .contentEditor ul li ul li a{color:#666}
#content ul li ul li a:hover, .contentEditor ul li ul li a:hover{color:#52845c}
#content ul li ul li ul li a, .contentEditor ul li ul li ul li a{color:#999}
#content ul li ul li ul, .contentEditor ul li ul li ul{margin-bottom:0}
#content ul li ul li ul li a:hover, .contentEditor ul li ul li ul li a:hover{color:#52845c}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}


.contentEditor ul li {background:url(../images/icons/16x16/bullet.png) no-repeat 0px 2px / 12px 12px; margin-top:3px; padding-left:1.1em;}

/*----- Forms -----*/
.formBox, .formTextarea, .ValidatorTextClass input{border:1px solid #ccc;line-height:1.15em;color:#666666;
    -webkit-box-shadow:inset 2px 2px 3px 0 rgba(0,0,0,.1);
    box-shadow:inset 2px 2px 3px 0 rgba(0,0,0,.1);
}
.formBox, .ValidatorTextClass input{padding: 4px 6px;background-color:#fff; line-height: 2em;}
.formTextarea{padding: 2px 0px;background-color:#fff}
.formSelect{padding:0;border:1px solid #ccc;line-height:1.15em}
.formSelect option{padding:0 3px}
.formButton {background: #2a3c87; border-radius: 5px; -webkit-box-shadow: 0 5px 0 0 #051559; box-shadow: 0 5px 0 0 #051559; font-size:1.1em; line-height: 1em; display: inline-block; padding: .5em .8em; color: #fff; cursor: pointer; margin-right: 1em;}
.formButton:hover, a.formButton:hover {text-decoration: none; color: #fff; background: #555; -webkit-box-shadow: 0 5px 0 0 #333; box-shadow: 0 5px 0 0 #333;}

input.formButton.bulky {padding:4px 6px; font-size:1.2em}
a.formButton.bulky {padding:8px 12px; font-size:1.2em}
.subjClass{visibility:hidden;width:1px;height:1px}
#mainBody #Captcha label{padding-left:0}

.formTable, .formTable * {-webkit-box-sizing: border-box;box-sizing: border-box}
.formTable, .formTable table{width:100%}
.formTable td{width:50%}
.formTable input[type="text"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable input[type="date"], .formTable textarea, .formTable select{width:100%}
.formTable td{padding:0 0 10px 10px}
.formTable td:first-child{padding:0 10px 10px 0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.formTable td[colspan="2"]{padding:0 0 10px 0}

.formTable .half {float:left; width: 50%;}
.formTable input.grade {display:none; margin-left:24px; width: calc(100% - 24px);}
.formTable span.writeIn {display: none; margin-left:24px;}
.formTable .selected + .writeIn + input.grade, .formTable .selected + .writeIn {display: block;}
input[type='radio']:checked ~ input.grade, input[type='radio']:checked ~ .writeIn {display: block;}
.ContactForm h3 {margin-bottom: 0;}

/*----- FormCheck Errors -----*/
.fc-tbx .tl{background: url('../images/formCheck/tl.png') no-repeat}
.fc-tbx .t{background:url('../images/formCheck/t.png') repeat-x;height:16px}
.fc-tbx .tr{background: url('../images/formCheck/tr.png') no-repeat}
.fc-tbx .l{background: url('../images/formCheck/l.png') repeat-y;width:16px}
.fc-tbx .r{background: url('../images/formCheck/r.png') repeat-y;width:16px}
.fc-tbx .bl{background: url('../images/formCheck/bl.png') no-repeat}
.fc-tbx .b{background: url('../images/formCheck/b.png') no-repeat;height:25px}
.fc-tbx .b2{background: url('../images/formCheck/b2.png') no-repeat;height:25px}
.fc-tbx .br{background: url('../images/formCheck/br.png') no-repeat}
.fc-tbx .c{background: url('../images/formCheck/c.png') repeat}
.fc-tbx a.close{float: right;background: url('../images/formCheck/close.png') no-repeat;position:relative;margin-left:5px;display:block;width:10px;height:10px;cursor:pointer}
.fc-tbx .err{float:left}
.fc-tbx p{width:auto;display:block;font-size:10px; font-family:Tahoma, Verdana, sans-serif;margin:0;padding:0;border:0;color:#FFF}

.ajax_loader{width:200px;height:150px}
.fc-error{border:1px solid #888;margin-top:5px;background-color:#EAEAEA}
.fc-error p{margin:5px;color:#A00}

/*----- Fancy Checkbox -----*/
#mainBody label{padding-left:20px}
#mainBody .checked{background:transparent url(../images/chk_on.png) no-repeat 0 7px}
#mainBody .unchecked{background:transparent url(../images/chk_off.png) no-repeat 0 6px}
#mainBody .selected{background:transparent url(../images/rdo_on.png) no-repeat 0 6px}
#mainBody .unselected{background:transparent url(../images/rdo_off.png) no-repeat 0 6px}



/*----- HEADER -----*/
body > #header {background-color: #fff; position: fixed; left: 0; top: 0; z-index: 3;}
body > #header + * {margin-top: 163px;}
#header>.wrap {height:107px; overflow: visible;}
#header>#mainNav>.wrap { overflow: visible;}
body > #header {padding: 0;}
body > span.dontPrint + a + #header {top: 34px;}
#brand, #brand img {height:61px; width:243px;}
#brand{display:block; position:absolute; left:8px; top:22px;}

#t0 {width:500px;height:20px;position:absolute;left:450px;top:20px;color:#ccc;font-size:10px;line-height:10px;text-align:right}
#t0 a {text-decoration:none;color:#999;-webkit-text-size-adjust:none}
#t0 a:hover, #tier0 a:active {color:#666}
#t0 a.on {text-decoration:none;color:#666;}

#mainNav {background: #2a3c87; border-bottom: 3px solid #fff; position: relative;
    -webkit-box-shadow: 0 19px 20px 0 rgba(121,130,173,.16);
            box-shadow: 0 19px 20px 0 rgba(121,130,173,.16);
    }
.t1 {}
.t1 li {float:left}
.t1 li.on a:link, .t1 li.on a:visited, .t1 li.on a:hover, .t1 li.on a:active {background:#fff; color:#4d7e59;}
.t1 a:link, .t1 a:visited {display: block; color:#fff; font-size: 1.125em; line-height: 53px; text-transform: uppercase; text-decoration:none; padding:0 .9em; -webkit-text-size-adjust:none;}
.t1 a:hover, .t1 a:active {background:#4d7e59;}
.t1 li ul {position:absolute;z-index:9999;width:200px;padding:5px 0;background:transparent url(../images/navigation/menu_background.png) repeat-y 0px 0px;font-size:12px;line-height:14px}
.t1 li ul li, .t1_home li ul li {float:none;display: block}
.t1 li ul li a, .t1_home li ul li a {color:#fff;text-decoration:none;padding:5px 10px; display:block}
.t1 li ul li a:hover, .t1 li ul li a:active {color:#26350c;background:#fff}

#mainNav .ancillary {float: right;}
#mainNav .ancillary a {display: inline-block; line-height: 50px; color: #fff; margin-left: 2em;}
#mainNav .ancillary a:hover, #mainNav .ancillary a:hover:before {text-decoration: none; color: #7982aa;}
.ancillary .cart:before {content:"\f07a"; font-family: FontAwesome; color: #759d7d; padding-right: .25em;}
.ancillary .account:before {content:"\f08b"; font-family: FontAwesome; color: #759d7d; padding-right: .25em;}
.ancillary .login:before {content:"\f023"; font-family: FontAwesome; color: #759d7d; padding-right: .25em;}

#header form {position: absolute; top: 36px; right: 0; background: #eceef5; padding: 0 1em 3px; border-radius:.25em; height: 30px; line-height: 30px}
#header form input[type="text"] {background: none; font-size: .8125em;height: 30px;line-height: 30px}
#header ::-webkit-input-placeholder {
    color: #35478b;
    font-style: italic;
    opacity: 1;
    }

#header :-moz-placeholder { /* Firefox 18- */
    color: #35478b;
    font-style: italic;
    opacity: 1;
    }

#header ::-moz-placeholder { /* Firefox 19+ */
    color: #35478b;
    font-style: italic;
    opacity: 1;
    }

#header :-ms-input-placeholder {
    color: #35478b;
    font-style: italic;
    opacity: 1;
    }
#header form input[type="submit"] {background: url(/images/icons/search@2x.png) no-repeat 0 0 / 14px 14px; width: 14px; height: 14px; cursor: pointer;}
#header form input[type="submit"]:hover {opacity: .5;}

.t1 li:last-child ul {right: auto !important;}

/*----- =Page Header -----*/
#pageHeader {background: url(/images/pageHeader.png) no-repeat center top; background-size: cover; height: 130px; border-bottom: 2px solid #fff;}
#pageHeader .wrap {}
#pageHeader .wrap h1 {padding-left: 26.2%; line-height: 1.875em; margin: 56px 0 0;}

/*----- Left Column -----*/
#leftCol{float:left; margin-right:4.2%; width:22%; min-height:1px; overflow:hidden}

.sidenav {margin-bottom: 25px; padding: 14px 9px; overflow:hidden; background: #eeeff2; border:2px solid #dfe3ef; border-radius: 8px;}
.sidenav li {display:inline}
.sidenav li a {display: none}
.sidenav li a:hover, .sidenav li a:active{}
.sidenav li.on a{}

.sidenav li.on ul li a {display: block; border-top:1px solid rgba(204,204,204,1); padding:8px 10px; text-decoration:none; color:#333; line-height: 1.3em; display:block;}
.sidenav li.on ul li:first-child a {border-top: none;}
.sidenav li ul li a:hover, .sidenav li ul li a:active {color: #4d7e59;}
.sidenav li ul li.on a{color:#fff; background: #4d7e59; border-radius: 8px; border-top: 1px solid rgba(204,204,204,0);}

.sidenav li ul li.on ul li a {padding: 3px 10px 3px 20px; font-size: .8125em; color:#333; border-top:none; border-radius: 0; background:none;}
.sidenav li ul li ul li a:hover, .sidenav li ul li ul li a:active {color:#4d7e59; background: none;}
.sidenav li ul li ul li.on a{color:#223c87;}

.sidenav li ul li ul li.on ul li a {padding: 3px 10px 3px 35px; font-size: .8125em; color:#757575; border-top:none; border-radius: 0; background:none;}
.sidenav li ul li ul li ul li a:hover, .sidenav li ul li ul li a:active {color:#000; background: none;}
.sidenav li ul li ul li ul li.on a {color:#4d7e59;}

/*----- Content -----*/
#main {border-top:2px solid #e6e8ef;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+30,dfe3ef+100 */
    background: #ffffff; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear,  left top, left bottom,  color-stop(60%, #ffffff),to(#dfe3ef));
    background: linear-gradient(to bottom,  #ffffff 60%,#dfe3ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
#main .wrap {padding-top: 25px; padding-bottom: 5em;}
#content{float:left; width:73.75%; padding-top:30px; overflow:hidden; min-height:500px;word-wrap:break-word}
.photoright{float:right;padding:0px 0px 10px 20px}
.photoright.highlight {margin: 0 0 10px 20px; padding: 1em 1.5625em;}
.photoleft{float:left;padding:0px 20px 10px 0px;}
.phototreatment{}
.dark{background:#efefef}
.light{background:#fff}
.muted {opacity:0.5;filter:alpha(opacity=50)}

.highlight {background: #e5e7ee; border-radius: .5em; padding: 2.5em 1.5625em; margin: 3em 0; border: 1px solid #fff;}
.highlight h1 {font-size: 1.75em; margin-bottom: .75em;}
#content .highlight li {margin-top: .75em;}

.button {background: #2a3c87; border-radius: .3em; -webkit-box-shadow: 0 5px 0 0 #051559; box-shadow: 0 5px 0 0 #051559; font-size: 1.125em; line-height: 1em; display: inline-block; margin: 2em 1em 2em 0; padding: .6em 1em; color: #fff;}
.button:after {content: "\203a"; padding-left: .5em;}
.button:hover, .button.green:hover {text-decoration: none; color: #fff; background: #555; -webkit-box-shadow: 0 5px 0 0 #333; box-shadow: 0 5px 0 0 #333;}
.button.green {background: #4d7e59; -webkit-box-shadow: 0 5px 0 0 #375a3f; box-shadow: 0 5px 0 0 #375a3f;}
#welcome .button {margin-bottom: 0;}

.twoCol {
-webkit-columns:2;
        columns:2;
-webkit-column-gap:40px;
        column-gap:40px;
}

.threeCol {
-webkit-columns:3;
        columns:3;
-webkit-column-gap:20px;
        column-gap:20px;
}
.threeCol div {display: inline-block;}

/*----- FOOTER -----*/
#footer {float:left; color:#fff; background:#4d7e59;}
#fatFooter {padding: 30px 10px 20px;}

#footer #fatFooter.wrap {border-top:none; padding: 5em 0;}
#fatFooter div {float: left; width: 25%; color: #fff; font-size: .9375rem; line-height: 1.25rem;}
#fatFooter h1 {font-size: 1.25em; margin-bottom: .5em; color:#fff;}
#fatFooter h2 {font-size: 1.06em; margin-bottom: 0; font-style: italic; color:#fff;}
#fatFooter span {color: #bdd0c0;}
#fatFotter a {color: #fff;}
#fatFooter a:hover {color: #fff; text-decoration: none;}
#fatFooter .facebook {background: #2c3f8b url(/images/icons/facebook@2x.png) no-repeat .73em .73em / 26px 26px; border-radius: .25em; display: inline-block; padding: .73em .73em .73em 3.5em; line-height: 26px;}
#footer #fatFooter .facebook:hover {opacity: 1; background-color: #bdd0c0;}

#footer .wrap {padding:20px 0; border-top: 1px solid rgba(255,255,255,.25); font-size:.6875em; line-height:1.1em;}
#footer a{color:#fff}
#footer a:hover, #footer a:active{opacity: .5;}
#footer a.on {text-decoration:underline; opacity: .5;}
#web-solutions-exposure {float:right; margin-left:11px}
#web-solutions-exposure img {margin-left:9px}



/*----- HOMEPAGE ELEMENTS -----*/
#welcome {float:left; width: 44%; padding-top: 1em;}
#welcome h1 {font-size: 1.875em; color:#2a3c87; text-shadow: 0 2px 0 #ffffff; margin-bottom: .5em;}
#welcome p {text-shadow: 0 2px 0 #ffffff; line-height: 1.625em;}

#mainHome {background: #fff; padding: 4.25em 10px;}
#bottomHome {background: #e5e7ee; padding: 4.25em 10px;}
#bottomHome .wrap {position: relative; overflow: visible;}
#mainHome .wrap {overflow: visible;}
#mainHome .wrap>div, #bottomHome .wrap>div {float:left; width: 46.8%; margin-right: 4.3%;}
#mainHome .wrap>div + div, #bottomHome .wrap>div + div {margin-right: 0;}
#mainHome #classes>ul, #mainHome #catalog>div {border:2px solid #dfe3ef; border-radius:.3em; position: relative; padding: 1.25em 4%; height: 312px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,edeef3+60 */
    background: #edeef3; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear,  left top, left bottom,  from(#ffffff),color-stop(60%, #edeef3));
    background: linear-gradient(to bottom,  #ffffff 0%,#edeef3 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edeef3',GradientType=0 ); /* IE6-9 */
    }
#mainHome #classes h2 a, #mainHome #catalog h2 a {color: #4d7e59; font-size: 1.875rem;}
#mainHome #classes h2 a:hover, #mainHome #catalog h2 a:hover {color: #2a3c87; text-decoration: none;}
#mainHome h2 a:before {padding-right: .5em; color: #8ba790;}
#mainHome #classes h2 a:before {content:"\f040"; font-family: FontAwesome;}
#mainHome #catalog h2 a:before {content:"\f02d"; font-family: FontAwesome;}
#mainHome #classes ul li a {display: block; padding: .4em 1em .4em 2em; border-radius: .5em; color: #2a3c87; background-position: 8px 13px; margin-top: 0;}
#mainHome #classes ul li a:hover {background-color: #4d7e59; color: #fff; text-decoration: none;}
#mainHome #catalog>div {padding: 1.25em 1.6% 1.25em 5%;}
#mainHome #catalog img {float: left; width: 155px; height: 200px; border-radius: .3em; margin-right: 1.5em;}
#mainHome #catalog h3 {font-size: 1.25em; color:#4d7e59; line-height: 1.4em; margin-bottom: .5em;}
#mainHome #catalog .button {margin-top: 0;}

#bottomHome h2 a {color: #2a3c87;}
#bottomHome h2 a:hover {color: #4d7e59; text-decoration: none;}
#bottomHome ul {float: left; width: 100%; background: #fff; border-radius: 8px; -webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,.15); box-shadow: 0 10px 15px 0 rgba(0,0,0,.15); margin-top: 2em;}
#bottomHome li a {display: block; border-top:1px solid #d3d3db; color: #2a3c87; padding: .25em 1.5em;}
#bottomHome li a:before {content: "\25B6"; color: #4d7e59; font-size: .6em; padding-right: 1rem; margin-top: -3px;}
#bottomHome li:first-child a {border-top:none; border-radius: 8px 8px 0 0;}
#bottomHome li:last-child a {border-radius: 0 0 8px 8px;}
#bottomHome li a:hover {background: #2a3c87; color: #fff; text-decoration: none;}
#bottomHome li a:hover:before {color: #fff;}

/*----- APPS AND COMPONENTS -----*/

/*----- Share Links -----*/
#linkBar {padding: 1em 10px; text-align: center;}
#linkBar a {display: inline-block; vertical-align: middle; padding: 0 4em;}
#linkBar a:hover {opacity: .5;}

/*----- Driving Directions -----*/
.ddGo { padding: 2px 3px; background: #f03c5e; cursor:pointer; color:#fff; font-size:11px; line-height:13px; border: solid 1px #e20e23; height:20px; font-size:12px; margin-left:5px}
#map h2{margin:0 0 5px 0}

/*----- Font Resizer AAA -----*/
.resizeSmall{font-size:9px}
.resizeMedium{font-size:12px}
.resizeLarge{font-size:15px}

/*----- Ad Rotator -----*/
.adRotator{}
.adRotator img{}

/*----- JS Rotator -----*/
#rotatorContainer {background: url(/images/home/rotator_bkg.png) no-repeat center center / cover; min-height: 443px; padding: 55px 10px; position: relative; border-bottom: 2px solid #e6e8ef;
    -webkit-box-shadow: 0 11px 32px 0 rgba(0,0,0,.25);
            box-shadow: 0 11px 32px 0 rgba(0,0,0,.25);
    }
#rotatorContainer .wrap {overflow: visible;}
.wsRotatorMain {float:left; margin-right: 7%; width:45%; height:365px; position:relative; overflow:hidden; border: 8px solid #fff; border-radius:10px;
    -webkit-box-shadow: 0 7px 20px 0 rgba(0,0,0,.16);
            box-shadow: 0 7px 20px 0 rgba(0,0,0,.16);
    }
.slideShow div{width:100%; height:365px; background:#dadada;position:absolute;left:0;top:0}
.photo {width:100%; height:370px; background-color:#000; background-repeat:no-repeat; background-position:center center; position:absolute; left:0; top:0;}
.slideShow div span{display:block}
.slideShowPhotos {display:none} /* Pre-loaded images (must always be set to display none) */
.wsRotatorMain .jsMask {display:block;height:294px;position:absolute;width:531px;z-index:500} /* For a png image mask */

/*----- Alert App -----*/
#alertApp {width:100%; padding: 0; text-align:center; background: #52855c;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
    }
#alertTitle {color: rgba(255,255,255,1); font-size: 1.25em; padding: .7em 1%;}
#alertTitle span {color: #fff; margin-left: .5em;}

#alertDesc {background: rgba(82,133,92,.3);}
#alertDesc > * {overflow: auto; margin: 0 auto !important;}
#alertDesc p {padding: 2em 0;}

#alertApp a {color:#dae5dc; font-size:1.25em; display: block; background:#52855c; padding:15px 0; width:100%;}
#alertApp a strong {color: #fff;}
#alertApp a:hover {background: #bdd0c0; color: #52855c; text-decoration: none;}
#alertApp a:hover strong {color:#52855c;}


/*----- Callouts App -----*/
.callouts a {border:2px solid #dfe3ef; border-radius: 8px; display: block; padding: 8px 3px 10px 14px; font-size: 1.25em; color:#7982aa;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f7f9+0,edeef3+100 */
    background: #edeef3; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear,  left top, left bottom,  from(#f6f7f9),to(#edeef3));
    background: linear-gradient(to bottom,  #f6f7f9 0%,#edeef3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
.callouts .gift:before {content:"\f06b"; font-family: FontAwesome; color:#2a3c87; padding-right: .5em; font-size: 1.2em; line-height: 1em;}
.callouts a:hover {text-decoration: none; color: #fff; background: #4d7e59;}
.callouts .gift:hover:before {color: #fff;}

/*----- MANAGEMENT -----*/
#Alert {position:absolute;z-index:9996;width:100%;overflow:hidden;text-align:center;left:0;padding-top: 6px;background-color:#ADC1D7;color:#1D467C;font-size:12px;line-height:14px;opacity:0.8;filter:alpha(opacity=80)}

/*----- Manage -----*/
.manage th{padding:5px 0;border-bottom:1px solid #ccc}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage td{padding:1px}
.manage img.preload{display: none;position: absolute;z-index: 9900;top: 0px; border: solid 1px #FFFFFF}
.manage td.icons{padding-left:5px;width:45px}
.manage td.icons img{float:left;margin:3px 5px 0 0}
.manage .hidden{font-style:italic;color:red}

#wsManagementBarTitle {-webkit-transition: none;transition: none;} 

/*----- CUSTOM -----*/
#tblSubmissions {font-size: .875em;}
#tblSubmissions td:first-child {padding-left: .4em; width: 25%;}

#map_canvas {line-height: 1.3em}
#map_canvas h2 {margin-bottom: 10px;}
#map_canvas h5 {margin-bottom: 10px;}
#map_canvas .formButton {border-radius: 0; padding: 4px 6px;}
#map_canvas .formBox {border-radius: 0; padding: 4px 6px; line-height: 1.3em; width: 175px !important;}

/* RESPONSIVE ------------------------------ */

@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
#brand{background:url(/images/hamdenEd@2x.png) no-repeat center center; background-size: 243px 61px;}
	#brand img{visibility:hidden;}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li, #mainHome #classes ul li a {background-image:url(/images/icons/32x32/bullet.png); background-size: 16px 16px;}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background-image:url(/images/icons/32x32/bullet2.png); background-size: 16px 16px;}
}


/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc{-webkit-transition: all 200ms ease-out;transition: all 200ms ease-out}


/* DatePicker */
input.DatePicker{
	background-image: url(../../images/formboxBG-cal.gif);
    background-repeat:no-repeat;
    background-position:6px 9px;
	cursor: pointer;
	padding-left: 2em;
}
.dp_container{
	position: relative;
	padding: 0;
	margin: 0;
	top: 0px;
	z-index: 500;
}
.dp_cal{
	background-color: #fff;
	border: solid #999;
	border-width: 0 1px 1px 1px;
	position: absolute;
	width: 177px;
	top: 20px;
	left: 0;
	margin: 0px 0px 3px 0px;
}
.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.dp_cal select{
	margin: 2px 3px;
	font-size: 11px;
    width: calc(100% - 8px);
}
.dp_cal select option{
	padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.dp_cal th{
	color: #fff;
	background: #2a3c87;
	font-weight: bold;
}
.dp_cal td{
	cursor: pointer;
}
.dp_cal thead th{
	background: #2a3c87;
}
.dp_cal td.dp_roll{
	color: #000;
	background: #efefef;
}
/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}
.dp_empty{
	background: #D6E0EB;
}
.dp_today{
	background: #eceef5;
}
.dp_selected{
	color: #2a3c87;
	background: #eceef5;
}