@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
html {-webkit-box-sizing:border-box;box-sizing:border-box;}
*, *:before, *:after {-webkit-box-sizing:inherit;box-sizing:inherit;}

.home.management:not(#tinymce) {padding-top: 34px}

.announcement{display: inherit; background: #005596; text-align: center; color: #fff; font-style: italic; margin: 0;  font-size: .9em;   padding-top: 1em; }
.announcement a{ color: #ffff00; text-decoration: underline;}
.announcement a:hover {color: #ffffff;}

body{margin:0;padding:0;-webkit-text-size-adjust:none;}

img{border: 0}
ul{padding-left: 0}
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, th {empty-cells:show;vertical-align:top;text-align:left}
body {background:#333}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-1000px;z-index:10}
#skipNavigation:focus,#skipNavigation:active{top:0;}
/*page widths*/
body>header, #mainnav, main, body>footer, #alertApp, #rotatorContainer, #photoRotator, .stats, .studentSuccess {width:100%; float:left; clear:left; display:block;}
body>*>.wrap, body>footer>.fatFooter,#alertApp>*, .wrap {width:100%; max-width:1148px; margin-left:auto; margin-right:auto; position:relative; overflow:auto;}

/* text */
body {color: #636467;line-height:1.8em;}
body, .text, input, select, textarea, button, .highlight h1, blockquote span, .linkBox a > span + span {font-family: "proxima-nova", sans-serif; font-style: normal; font-weight: 400;}
.fancyText, .highlight, blockquote, .linkBox a > span, .topIntro h1, .highlight h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content h7, .content h8, .content h9 {font-family: "ff-meta-serif-web-pro",serif;font-style: normal;font-weight: 500;}
.condensed, .percent {font-family: "jaf-bernina-sans-comp", sans-serif; font-weight: 800;}

a, a *{color:#f79120;text-decoration:none; color: #f79120;}
p a {font-weight:700}
a:hover, a:active, a:hover *, a:active *{color:#aebd35}
p,h1,h2,h3,h4,hr,.content ul,.contentEditor ul,blockquote,dd,ol{margin-bottom:1em}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt {font-weight:400; line-height: 120%; color: #9a58a5;}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:1.3em;}
em, i, q, cite, .italic{font-style: italic}
b, strong{font-weight:700}
u { text-decoration:none}
hr{border-top:1px solid rgba(0,0,0,.15);margin:1em 0;padding-top:1px}
p{font-size:1em; line-height: 160%}
h1, .content article.blog>h1{font-size:2.2em;margin-bottom:.5em; color: #636467; font-weight: 800}
.content>section{margin:2em 0}
h1+h2 {}
h2, .content * h1{font-size:1.563em; font-weight: 700;}
h2 .text {font-size: 0.5em}
h3{font-size:2em; font-weight: 600;}
h4, th{font-size:1.8em; font-weight: 600;}
h5 {font-size:1.7em; font-weight: 600; margin-bottom: 0.25em}
    h5+p {margin-top: 0}
h6 {font-size:1em; margin: 1.5em 0 1em; font-weight: 600;}
h7, h8, h9{font-size:1em}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

.blue {color: #005596;}
.green {color: #aebd37;}
.purple {color: #9a5ba5;}
.orange {color: #f79120;}
.yellow {color: #fddb00;}
.ltBlue {color: #6699cc;}

/* list */
.content ol {margin-left:2em}
.content ol ol li {list-style: lower-alpha}
.content ul li{padding-left:2em; text-indent: -1em;}
.content ul li::before {color: #f79120; content: "\2022"; display: inline-block; font-size: 1.3em; width: 1rem; text-align: center; text-indent:0}
.content ul li ul li:before {opacity: .5}

/* addon classes */
.clearFloats{clear:both}
.nobr{white-space: nowrap}
.twoCol, .threeCol, .resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
-webkit-column-gap:2em;
        column-gap:2em;
}
.req{color:#c00}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;border-radius: .5em;color:#fff}
.textIcon:hover{background:#666; background-color:rgba(0,0,0,.4);color:#fff}
.clearfix:after{content: "";display: table;clear: both;}

/* forms */
input, button, textarea, select {font-size:1em}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select, input[type="button"], input[type="submit"]{border-radius:0;-webkit-appearance:none}
input[type="radio"],input[type="checkbox"]{}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{border:1px solid rgba(0,0,0,.2);background-color:#f2f2f2;padding:0.4em 0.75em; color: #8c8c8c; -webkit-transition: ease all 200ms; transition: ease all 200ms}
input[type="text"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, textarea:hover, select:hover{color: #003576; border:1px solid #F79120;background-color:#fafafa;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus, select:focus{color: #003576; background-color:#fafafa; border:1px solid #005596}
textarea{display:block}
select{padding:0}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background-image:url(/images/icons/16x16/select.png);background-repeat:no-repeat;background-position:right center;padding:3px 16px 3px 5px}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
select option{padding:0 .2em}
button,.button,input[type="button"], input[type="submit"], input[type="reset"] {background:#aebd35; border:0; -webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,.5); box-shadow: 3px 3px 5px 0 rgba(0,0,0,.5); color:#fff; display: inline-block; font-weight: 700; padding:.875em 1.25em; line-height:1em; cursor:pointer; border-radius: 5px; text-transform: uppercase;}
#mapWrapper button, #mapWrapper .button, #mapWrapper input[type="button"], #mapWrapper input[type="submit"] {-webkit-box-shadow: none; box-shadow: none;}
#content p .button {display: inline-block; margin:2em 0 }
input::-moz-focus-inner {border:0;padding:0; }
button:hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button:hover,.button:focus,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{background-color:#f79120;color:#fff}
button img{height:1em;width:auto;vertical-align:top}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table{width:100%}
.formTable td{width:50%}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable input[type="search"], .formTable textarea{width:100%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}
.subjClass{display:none !important;}
#Captcha label{padding-left:0}
td.right, th.right{text-align:right}
.wsNew{display:inline-block;font-size:.7em;line-height:1.5em;height:1.5em;padding:0 .3em;margin:.3em 0;background-color:#FFC700;overflow:visible;vertical-align:top;color:#fff;font-style:italic}



.videoContainer {
	width: 100%;
	height: 0;
	line-height: 0;
	position: relative;
	padding-top: 56.25%
}

.videoContainer.ratio-4-3 {
	padding-top: 75%
}

.videoContainer iframe {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border: 0
}

/* HEADER ------------------------------*/
body>header {background:#fff}
body>header>.wrap {height:120px; overflow: visible;}
#brand {height:auto; max-width:300px; width:100%;}
	#brand {display:block; margin-left: 1rem; height: 100%; position: absolute; z-index: 10; left: 0;top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	#brand:hover {opacity: 0.75}

.social a:before {font-family:FontAwesome;}
.social a.facebook:before {content:"\f09a";}
.social a.youtube:before {content:"\f16a";}
.social a.vimeo:before {content:"\f27d";}
.social a.twitter:before {content:"\f099";}
.social a.linkedin:before {content:"\f0e1";}
.social a.instagram:before {content:"\f16d";}

#ancillary .button {-webkit-box-shadow: 3px 3px 5px 0 rgba(83,83,83,.65);box-shadow: 3px 3px 5px 0 rgba(83,83,83,.65); padding: .65em 1.5em;}

/* MAIN ------------------------------ */
.menu{cursor: pointer}
main, .mceContentBody{background:#fff; padding: 0 10px;}
.contentEditor{background:#fff;min-width:100%;}
.contentEditor img {
	height: auto;
	max-width: calc(100% - 4em);
}

.content-footer {
    clear:both;
}


/* side column */
main>div>aside {}
/* t1 */
#sidenav {width:100%;overflow:hidden;margin:0 0 40px}
#sidenav ul {padding: 0}
#sidenav li {height:1%;overflow:hidden}
#sidenav li a {color: #005596; display:block; font-size: 1.0625em; font-weight: 700; line-height:1.1em; padding:.75em 0;}
#sidenav li a:hover, #sidenav li a:active {}
#sidenav li.on>a, #sidenav li.on>a:hover {background: #fff; border-bottom: 5px solid #005596; color:#005596; text-transform: uppercase;}
/* t2 */
#sidenav li.on ul {padding: .25em 0;}
#sidenav li.on ul li{}
#sidenav li.on ul li a {font-size: 1em; padding: .5em 0;}
#sidenav li ul li a:hover, #sidenav li ul li a:active {color:#6699cc;}
#sidenav li ul li.on>a, #sidenav li ul li.on>a:hover {border-bottom: none; color: #6699cc; text-transform: none;}
/* t3 */
#sidenav li ul li.on ul{padding:0 0 .25em; border:0}
#sidenav li ul li.on ul li {}
#sidenav li ul li.on ul li a {padding: .25em 0 .25em 16px; font-size:.9em; font-weight: 400;}
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active {color:#f79120;}
#sidenav li ul li ul li.on>a, #sidenav li ul li ul li.on>a:hover {color:#f79120;}
/* t4 */
#sidenav li ul li ul li.on ul li a {color:#005596; font-size:.75em; padding-left:32px;}
#sidenav li ul li ul li ul li a:hover, #sidenav li ul li ul li a:active{color: #9a5ba5}
#sidenav li ul li ul li ul li.on>a, #sidenav li ul li ul li ul li.on>a:hover {color:#9f7aa5;}
/* t4 */
#sidenav li ul li ul li.on ul li ul li a {color:#6699cc; font-size:.7em; padding-left:53px;}
#sidenav li ul li ul li.on ul li ul li.on a,
#sidenav li ul li ul li.on ul li ul li a:hover {color:#9f7aa5}

/*section callouts*/
main>div>aside section {background: #f3f3f3; font-size: .9em; line-height: 1.2em; margin:0 0 20px; padding:2em 1.75em;}
main>div>aside section h1 {font-size:1em; margin: 0 0 5px; text-transform: uppercase;}
main>div>aside section p {font-size: .9em; color: #666; line-height: 1.3em; margin:0 0 10px 0;}
main>div>aside section img {max-width: 100%; height: auto}
main>div>aside section .button {font-size: .8em; margin: 5px 0 0; box-shadow: none; width: 100%; text-align: center;}

/* breadcrumb */
.breadcrumb{margin-bottom: 1em}
.breadcrumb a:after{content: "\00A0\00A0\203A\00A0"}

/* content */
.topIntro {width: 100%; float: left; clear: both; background:#6699cc; padding: 1.813em 1em;}
.topIntro td {padding: 1.375em 0}
.topIntro img {max-width: 60px; height: auto; display: inline-block; margin-right:1.25em}
.topIntro h1 {font-size: 2.25em; font-weight:700; font-style:italic; color: #fff;line-height: 100%; margin-bottom: 0.1em;}
     .topIntro td h1 {font-size: 2.250em; font-weight:700; font-style:italic; color: #fff;line-height: 100%; margin-bottom: 0.1em;}
.topIntro p {font-size: 1.375em; margin-top: 0; line-height: 1.545em; color:#fff; margin-bottom: 0}

.content p.intro {
    color: #333;
    font-size: 1.2em;
    font-weight: 700;
}

.content blockquote.testimonial {
    align-items: center;
    display: flex;
    font-size: 1.125em;
    gap: 0.5em 1em;
    text-align: left;
}

.content blockquote.testimonial figure {
    margin: 0;
}

#content{word-wrap:break-word}
#content .photoright,
.content .photoright,
#content .photoleft,
.content .photoleft {max-width:50%;height:auto}
#content .photoright img,
.content .photoright img,
#content .photoleft img,
.content .photoleft img {max-width:100%;height:auto;margin: 0;float: none}
#content img.phototreatment{max-width:50%;height:auto}
.content figcaption {
    font-style: italic;
    font-size: 0.875rem;
}
.content .photoright figcaption {
    text-align: right;
}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {}
.photoright{float:right;clear:right}
.photoleft{float:left;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight, .content .highlight {background:#f3f3f3; padding:2em; margin:2em 0; font-size: 1em;}
#content .highlight h1 {color: #9a5ba5; font-weight: 800; font-size: 1.4em}
small, .textSm{font-size:.8em}
#content table, .contentEditor table{width:100%}

.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:20px;width:20px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2);box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareIcons a:hover{background-color:#F03C5E}
	.shareFacebook{background-color:#3b5998; background-image:url(../../images/icons/64x64/facebook.png)}
	.shareTwitter{background-color:#00aced; background-image:url(../../images/icons/64x64/twitter.png)}
	.shareLinkedin{background-color:#007bb6; background-image:url(../../images/icons/64x64/linkedin.png)}
	.shareGoogle{background-color:#dd4b39; background-image:url(../../images/icons/64x64/google-plus.png)}

.embed-container {position: relative; padding-bottom: 59.58%; height: 0; overflow: hidden; margin: 0 0 2em; width: 100%;}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.embed-container img {height: auto; width: 100%;}

.wordCloud {width: 100%; -webkit-perspective: 1000; perspective: 1000; clear: both; overflow: auto;}
.wordCloud .box {width: 24%; height: 15em; position: relative; float: left; overflow:hidden; color:#fff; text-align: center; margin-bottom: 1.333%; display:block}
.wordCloud .box:hover {cursor: initial}
.wordCloud .box+.box {margin-left:1.333%}
.wordCloud .box:nth-child(5) {margin-left:0}
.wordCloud .front, .wordCloud.holiday .front  {z-index: 1; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 2; width:100%; height: 100%; padding: 3.5em 1em 0; border-radius: 3px}
.wordCloud.holiday .front  {padding: 4.5em 1em 0;}
.wordCloud .back, .wordCloud.holiday .back  {position: absolute; top:0; right:0; bottom:0; left:0; background:#fff; z-index:2; width:100%; height: 100%; opacity:0; border-radius: 3px; -webkit-transition: ease all 300ms; transition: ease all 300ms}
.wordCloud .box:hover .back{opacity:1}
.wordCloud .box span {display:block}
.wordCloud .box .cloudTitle {font-size: 2.344em; font-weight:700; line-height: 100%; text-transform: uppercase; margin-bottom: 0.378em}
.wordCloud .box .front .cloudTitle {font-size: 3.50em; margin-bottom: 0.25em}
.wordCloud .box .cloudBrief {font-size: 1.150em; line-height:120%;}

.home .play-button {opacity: .5; cursor: pointer; background-image: url(/images/video-play.png);position: absolute;background-position: center;background-repeat: no-repeat;width: 100%;height: 100%;left: 0;top: 0;}
.home .play-button:hover {opacity: 1;}

.wordCloud .box:first-child, .wordCloud .box .back {padding:  0 1em 0; background: #ADBD38;
    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: center;
    -webkit-box-align: center;
    align-items: center;
}

.wordCloud.holiday .box { border-radius:3px}
.wordCloud.holiday .front:before { content: "\f06b";color:#fff;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.9em;}
.wordCloud.holiday .box:hover {cursor: pointer}
.wordCloud.holiday .box .front .cloudTitle {font-size:1.7em}

.fancybox-lock .fancybox-overlay {z-index: 10;}

.wordCloud .box:first-child .back {color: #ADBD38; border: 4px solid #ADBD38; background:#fff;}
.wordCloud .box:nth-child(2) .front {background: #F79220}
     .wordCloud .box:nth-child(2) .back {color: #F79220; border: 4px solid #F79220; background:#fff;}
.wordCloud .box:nth-child(3) .front {background: #9A5AA4}
     .wordCloud .box:nth-child(3) .back {color: #9A5AA4; border: 4px solid #9A5AA4; background:#fff;}
.wordCloud .box:nth-child(4) .front {background: #7F7F7F}
     .wordCloud .box:nth-child(4) .back {color: #7F7F7F; border: 4px solid #7F7F7F; background:#fff;}
.wordCloud .box:nth-child(5) .front {margin-left:0; background: #C09DC7}
     .wordCloud .box:nth-child(5) .back {color: #C09DC7; border: 4px solid #C09DC7; background:#fff;}
.wordCloud .box:nth-child(6) .front {background: #005596}
     .wordCloud .box:nth-child(6) .back {color: #005596; border: 4px solid #005596; background:#fff;}
.wordCloud .box:nth-child(7) .front {background: #606060}
     .wordCloud .box:nth-child(7) .back {color: #606060; border: 4px solid #606060; background:#fff;}
.wordCloud .box:last-child .front {background: #669ACC}
     .wordCloud .box:last-child .back {color: #669ACC; border: 4px solid #669ACC; background:#fff;}



.wordCloud.holiday .box:first-child, .wordCloud.holiday .box .back {padding:  0 1em 0; background: #aebd36;
    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: center;
    -webkit-box-align: center;
    align-items: center;
}

.wordCloud.holiday .box .front .cloudTitle{ color:#fff}
.wordCloud.holiday .box:first-child .back {color: #aebd36; border: 4px solid #aebd36; background:#fff;}
.wordCloud.holiday .box:first-child .back .cloudBrief{ color:#aebd36}

.wordCloud.holiday .box:nth-child(2) .front {background: #9b5ba4}
	.wordCloud.holiday .box:nth-child(2) .back {color: #9b5ba4; border: 4px solid #9b5ba4; background:#fff;}
	.wordCloud.holiday .box:nth-child(2) .back .cloudBrief{ color:#9b5ba4}

.wordCloud.holiday .box:nth-child(3) .front{ background:#f79121}
	.wordCloud.holiday .box:nth-child(3) .back {color: #f79121; border: 4px solid #f79121; background:#fff;}
	.wordCloud.holiday .box:nth-child(3) .back .cloudBrief{ color:#f79121}

.wordCloud.holiday .box:nth-child(4) .front{ background:#005696}
	.wordCloud.holiday .box:nth-child(4) .back {color: #005696; border: 4px solid #005696; background:#fff;}
	.wordCloud.holiday .box:nth-child(4) .back .cloudBrief{ color:#005696}

.wordCloud.holiday .donate { color:#333; margin-top:1em}

body > span.dontPrint {display: none}
body > #wsManagementBar {box-shadow: 0 0px 5px rgba(0,0,0,0.5)}

.topIntro .wrap {overflow: hidden}


/* ----- HOME ----- */
.home main .wrap>* {float: left;}

#content.welcome {float:left; width:100%; min-height:1px; padding:0 0 2.875em; text-align: center;}
.welcome h1 {font-size: 3em;}
.welcome p {line-height: 1.4em; margin-bottom: 0;}

.opportunity {padding: 3.875em 0; position: relative;width: 100%}
.opportunity:before {border-top: 1px solid #5b5b5d; content: ""; display: block; position: absolute; top: 0; left: 25%; right: 25%;}
.opportunity h2 {font-size: 2.1875em; color:#005596; line-height: 1.2em; margin: 0; text-align: center;}

.flex-row span {display: block}
.flex-row .title {font-weight: 700; line-height: 120%; text-transform: uppercase; margin:0.75em 0 0.5em}
.flex-row .brief {font-size: 0.9em; line-height: 120%; margin-bottom: 1em}
.flex-row .button {float: left; font-size: .875em;}
.opportunity .flex-row .title {font-size: 1.375em; color: #005596; text-transform: none}
.opportunity .flex-row .brief {font-size: 1.125em; color: #666666; line-height: 1.250em}


.video {text-align: center; margin-bottom: 2em;}
.video .button {background: #f79120;}
.video .button:hover {background: #aebd37;}
.home .video {margin-bottom: 6em}
.home .video .button {padding: 1.15em 2.25em}

.stats {background: #005596; padding: 3em 1em; border-bottom:1px solid rgba(255,255,255,.5)}
.stats .flex-row div + div {border-left:1px solid #fff}
.stats p {max-width:90%; font-size:1.875em; font-weight:700; line-height: 1.15em; color:#fff; text-align: center; margin-bottom:0}
.stats .title {font-size: 1.313em; text-transform: uppercase; color: #fff; margin-bottom:.75em;}
.stats .brief {font-size: 1.063em; color: #fff; margin-bottom:2em;}
.percent {background: #fff; border: 4px solid #6699cc; border-radius: 50%; color: #aebd37; display: block; font-size: 4.25em; line-height: 175px; height: 175px; margin-bottom: 1.75rem; text-align: center; width: 175px;}

.studentSuccess {background: #fff; padding: 1em 1em 0;}
.studentSuccess + .studentSuccess {padding-bottom: 3em;}
.studentSuccess .wrap {padding:3em 0 0;}
.studentSuccess + .studentSuccess .wrap {border-bottom: none;}
.studentSuccess h1, .studentSuccess h2, .studentSuccess .wrap h1 {font-size: 1.875em; font-weight:700; margin-top: 0; text-transform: uppercase; color: #005596}
.studentSuccess .wrap h1 {font-size: 2.188em; font-weight:700; margin-bottom: 1em; text-align:left}
.wrap .studentSuccess { padding:0}
.studentSuccess .wrap > a {display: block; width: 18%; height:auto; float:left}
.studentSuccess .wrap > a+a {margin-left: 9.333%}
.studentSuccess .wrap .studentImage {width: 100%; height: 0; display: block; padding-bottom:100%; background-position: center; background-size:cover}
.studentSuccess .wrap a:hover .studentImage {-webkit-filter: grayscale(1);filter: grayscale(1); opacity: .5;}
.studentSuccess .wrap .studentName {font-size: 1.125em; font-weight: 700; color: #005596; display: block; line-height:130%; margin:0.5em 0}
     .studentSuccess .wrap a:hover .studentName {color:#f79120}
.studentSuccess .wrap+.wrap {border-top: 1px solid #666;
    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;
}

.studentSuccess .wrap .half {width: 47.5%; padding:1.625em; float: left; background:#e9e9e9}
.studentSuccess .wrap .half+.half {margin-left: 5%}
.studentSuccess .wrap .half h2 {margin-bottom:0.25em}
.studentSuccess .wrap .half article h1 {font-size: 1.15em; font-weight:600; text-transform: none; color: #005596; margin-bottom: 6px;}
.studentSuccess article {clear: both;}
.studentSuccess article > a {display: block; overflow: auto; padding:1em 0;}
.studentSuccess article > a .articleImage { height: auto; width: 122px;}
.studentSuccess article .article-img {float: left; height: 122px; width: 122px; overflow: hidden; max-width:42%;}
.article-preview {padding-left: 5%; float: left; max-width: 75%;}

.studentSuccess article > a p {display: block; vertical-align: top; color: #333; margin:0 0 13px; text-overflow: ellipsis;}
.studentSuccess article > a .articleLink {font-size: 0.9em; font-weight: 700; display:inline-block; margin-top:1em; line-height: 100%; width:70%}
.studentSuccess article > a:hover .articleImage {opacity: .75;}
.studentSuccess article > a:hover p {color: #666}
.studentSuccess article > a:hover * {color: #f79120}

.studentSuccess .news article a div .button {background: #f79120; font-size: .8em; display: inline-block; width: auto;}
.studentSuccess .news article a:hover div .button {background: #005596; color: #fff;}

@media only screen and (max-width:1167px) {
    .article-preview {max-width: 70%;}
}

@media only screen and (max-width:997px) {
    .article-preview {max-width: 65%;}
}

@media only screen and (max-width:873px) {
    .article-preview {max-width: 55%;}
}


.bottomOutro {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float:left;
    max-height: 600px;
    padding: 0 1em;
    text-align:center;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -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: center;
    -webkit-box-align: center;
            align-items: center;
    }
.home .bottomOutro {
    background-image: url(/images/home/bottom_callout.jpg);
}
.bottomOutro > * {
    display: block;
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
.bottomOutro span:first-child {display: block; font-family:"schoolbook-web",serif; font-style:italic; line-height: 100%; color:#aebd35;}
.bottomOutro span:nth-child(2) {display: block; font-weight: 700; line-height:1.2em; color:#fff; text-transform: uppercase; margin-bottom: .75em}
.bottomOutro a {display: inline-block; font-size: .9em; font-weight: 700; padding:1em 1.25em; line-height:100%; border-radius:5px; color:#fff; background: #aebd35}
.bottomOutro a:hover {background: #f79120}

#content .gm-style-iw td {padding-bottom: 1em}
#content .gm-style-iw input {line-height: 1.75em; height: 1.75em; padding:0.25em 1em; }
#content .gm-style-iw #saddr {width: 80% !important}

/* FOOTER ------------------------------ */
body>footer {background:#005596; color:#fff; padding:2em 0;}
body>footer>.wrap{overflow:visible; padding: 0 10px;}
body>footer a {color:#fff; text-decoration: underline;}
body>footer address a {text-decoration: none;}
body>footer a:hover, body>footer a:active{color:#fddb00;}
body>footer a.on, footer .on>a {text-decoration:none; color:#f79120;}

.fatFooter .title {display: block; font-size: 1.035em; color: #6699cc; font-weight: 800;}
body>footer .fatFooter .social a {font-size: 1.1rem; margin-right: .75em; text-decoration: none;}
.fatFooter .newsletter p {margin-top: 0; font-size: 0.844em}
.fatFooter .newsletter form {border: 1px solid #fff; border-radius: 5px; font-size: .9em; line-height: 1rem;}
.fatFooter .newsletter form input[type="email"], .fatFooter .newsletter form input[type="text"] {background: none; line-height: 1.25rem; border: none; color: #fff; padding: 4px 1em;}
.fatFooter .newsletter form button {-webkit-box-shadow: none;box-shadow: none; line-height: 1.25rem; border-left: 1px solid #fff; border-radius: 0; padding: 4px 5px;}

body>footer nav {display:inline}
body>footer>div {min-height:18px}

footer > .wrap { 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: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}
footer > .wrap > div {
   -ms-flex-order: 0;
   -webkit-box-ordinal-group: 1;
          order: 0;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
footer > .wrap > div:nth-child(2) { text-align: center;
    -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;
}
footer > .wrap .social + div {font-size: 0.9em}


footer .schoolInfo {border-bottom:1px solid rgba(255,255,255,.5); border-top:1px solid rgba(255,255,255,.5);}
footer .schoolInfo .wrap {position: relative; padding: 2em 1em !important;}
footer .schoolInfo .wrap .footer-logos a {cursor: pointer;}
footer .schoolInfo .wrap .footer-logos a:only-child, footer .schoolInfo .wrap .footer-logos div:only-child {max-width: 100%; width: 100%;}
footer .schoolInfo .wrap .footer-logos a:hover {opacity: .5;}
footer .schoolInfo .wrap .footer-logos img {height: auto; margin: 0 auto; max-height: 5em; max-width: 100%; width: auto;}
footer .schoolInfo p {font-size: .84em; margin: 0;}
footer .schoolInfo a {font-weight: 400; text-decoration: underline;}
footer .copyright {font-size: .785em; font-weight: 600; text-align: right; width: 100%;}

footer ::-webkit-input-placeholder {color: #fff; opacity: 0.54}
footer ::-moz-placeholder {color: #fff; opacity: 0.54}
footer :-ms-input-placeholder {color: #fff; opacity: 0.54}
footer :-moz-placeholder {color: #fff; opacity: 0.54}


/* APPS ------------------------------ */

/* pagination */
.pagination{font-size:.95em;text-align:right}

/* page header */
.pageHeader{width:100%;height:auto;margin-bottom:2em}

/* ALERT */
#alertApp{padding: 5px}
#alertApp, #alertApp.alertStatic:hover{width:100%; background:#f69222;padding-left: 1rem;padding-right: 1rem}
#alertApp strong { display: block; margin:0 auto;font-size:1.1em;padding:5px;color:#fff;text-align:center}
#alertTitle span{float:right; opacity:.5}
#alertApp:hover #alertTitle span{opacity:1}
#alertTitle a{color:#fff;text-decoration:underline}
#alertDesc{overflow:hidden}
.alertClosed #alertDesc{height:auto;max-height:0}
.alertOpen #alertDesc{height:auto;min-height:0;max-height:250px;}
#alertDesc p{color: rgba(255,255,255,.8); margin: 0 0 0.5em; text-align: center}
#alertApp {cursor:pointer;}
#alertApp.alertStatic{cursor:auto}
#alertApp:hover { background:#b25e00;}


/* MANAGEMENT OVERRIDES ------------------------------ */
#wysiwygBody{background:#fff}

/* management table */
hr+.manage{margin-top:-1em}
.manage{border-bottom:1px solid rgba(0,0,0,.2);width:100%;line-height:1.3em}
.manage th{border-bottom:1px solid rgba(0,0,0,.2);text-align:left}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage th img {position:relative;bottom:-2px}
.manage td,.manage th{padding:5px 5px 5px 0}
.manage td:first-child{padding-left:.8em}
.manage img.preload{display:none;position:absolute;z-index:9900;top:0;border:solid 1px #fff}
.manage td.icons img{margin-left:5px;position:relative;bottom:-2px}
.manage td:first-child.icons img{margin-left:0}
.manage td:first-child.icons{padding-left:3px;padding-right:3px}
.manage td.icons a:first-child img{margin-left:0}
.manage td.icons input{position:relative;bottom:2px;margin-left:5px}
.manage .hidden{font-style:italic;color:#900}
.manageButton{text-align:right;padding:10px 0}
.alternate tbody tr:nth-child(even), .even{background:#fff}
.alternate tbody tr:nth-child(odd), .odd {background:rgba(0,0,0,.06)}
.manage+hr, .manage+.manageLinks+hr{margin-top:50px}
.manageLinks{margin-top:10px}
.manageLinks a{white-space:nowrap}
.manageLinks a img{position:relative;bottom:-2px}
.manageLinks button{margin-left:5px}
.manageButtons{text-align: right;padding:10px 0}
.wsReturnToButton {float:right;margin-top:-3.5em}
.manage.rightFirstChild td:first-child{text-align:right}
.sortRow th{cursor:pointer}
.manageEllipsis{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}

/* RESPONSIVE ------------------------------ */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 1.5dppx) {
}

@media only screen and (max-width:1175px) {
    .fatFooter > *:first-child {border-left: none;}
}

@media only screen and (max-width:975px) {
}

@media only screen and (max-width:900px) {
    footer .schoolInfo .wrap {background: none;}
     .welcome h1 {font-size: 2.25em !important;}
}


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


/* FORM ERROR ------------------------------ */
.formError {background-color:Black; border:0; padding: 5px 10px; color:#fff; display:none; margin:0 0 2px; z-index:9999; border-radius: 10px; -moz-box-shadow:0 2px 2px #333; -webkit-box-shadow:0 2px 2px #333;}
.formError p {margin:0; font-size:.9em; }
.formError em { border:10px solid;  border-color:Black transparent transparent; bottom:-17px; display:block; height:0; left:40px; position:absolute; width:0; }

.containerSnippet { display:block; width:100%; height:150px; background-color:#ccc !important;}

/* AFFILIATES RESOURCES MAP ------------------------------ */
#resourcesMap {width:100%;}
#resourcesMap ul {display: none}
#resourcesMap a {display: block}
#resourcesMap a:hover {color: #f03c5e}
#content #resourcesMap li {background: none}
#resourcesMap li {position: relative; text-indent: 0; padding-left: 30px}
#resourcesMap li img {padding: 0 !important; margin-right: 5px}
#resourcesMap>li {border-top: 1px solid #ececec; margin:0}
#resourcesMap>li>a {font-size: 1.25em; padding: 0.5em 0; font-weight:700; color: #31659b; text-indent: 0;     line-height: initial;}
#resourcesMap>li li a {font-size: 1.125em;}
#resourcesMap>li li li a {color: #ADBD38; font-size: 1em}
#resourcesMap>li li li li a {color: #9A5AA4; font-size: 0.9em}
#resourcesMap>li li li li li a {color: #669ACC; font-size: 0.8em}
#resourcesMap>li li li li li li a {color: inherit;}
#resourcesMap>li li li li li li li a {color: #ADBD38;}
#resourcesMap>li li li li li li li li a {color: #9A5AA4;}
#resourcesMap>li li li li li li li li li a {color: #669ACC;}
#resourcesMap>li li li li li li li li li li a {color: #669ACC;}
#resourcesMap>li li li li li li li li li li li a {color: inherit;}
#resourcesMap td:first-child {width: 1.5em}

#resourcesMap li:before {display: none;}

#resourcesMap button {padding: 0; position: absolute; top:.6em; background: #fff; left:0; width: 1.25em; height: 1.25em; border-radius:3px; text-align: center; line-height: 1.25em; border: 1px solid #ccc; color:#ccc; line-height: initial; -webkit-box-shadow: none; box-shadow: none;}
#resourcesMap button:before {content: "+";}
#resourcesMap button.on:before {content: "\2013";}
#resourcesMap button:hover {color: #f79120; border-color: #f79120}
/*#resourcesMap li li button {top: 0.25em}*/
#resourcesMap li li button {top: 0}
#resourcesMap ul ul {padding-top: 0.5em}

.content .search-results-list a {display: block}
.content .search-results-list h3 {margin: 0; color: #6699cc; font-size: 1.2em}
.content .search-results-list li {position: relative}
.content .search-results-list li:before {position: absolute; left: 0; top:0}

blockquote {margin: 1em 0; padding:0; text-align: center; color:purple}
blockquote cite {color:#666}

body > .announcement {padding: 1em; line-height: 1.5em}

#popover {position: fixed; z-index: 10; top: 0; left:0; width:100%; height: 100%; padding: 1em; background:rgba(0, 60, 106, 0.93);  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: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
#popover .container {max-width: 40em; position: relative}
#popover .container .close {position: absolute; cursor: pointer; transition: ease all 200ms; right: 0; top: -1.5em; width: 1.5em; height: 1.5em; font-size: 2.25em; line-height: 1.5em; text-align: right; color: #fff;}
#popover .container .close:hover {opacity: 0.5}
#popover .container .popover-wrap {padding: 2em; text-align: left; background:#fff; border-radius: 4px; max-width: 40em}
#popover .container .popover-wrap .popover-content {max-height: 75vh; overflow:auto}
#popover .container .popover-wrap h1,
#popover .container .popover-wrap h2,
#popover .container .popover-wrap h3,
#popover .container .popover-wrap h4 {margin:0 auto 0.75rem}
#popover .container .popover-wrap img {max-width: 100%; height:auto; margin:0 auto 1rem}



/* AFFILIATES DASHBOARD ------------------------------ */
#content.affiliate-dashboard .left, #content.affiliate-dashboard .right {width: 50%; float: left; margin-bottom: 3em;}
.button2 {font-size: 0.938em; display: inline-block; font-weight: 800; border: 1px solid #aebd35; line-height: 100%; color: #aebd35; padding: 0.5em 1em; text-transform: uppercase; border-radius: 3px;}
.button2:hover {background: #f79120; color:#fff; border-color:#f79120}
#content.affiliate-dashboard .left h1 {font-size: 2.250em; font-weight: 800; margin-bottom: 0.75em}
#content.affiliate-dashboard .right {margin: 0; padding-left: 7.75%; margin-top: 1.5em;}
#content.affiliate-dashboard section > h1 {font-size: 1.938em; font-weight:800; border-bottom: 1px solid #aebd35; color: #aebd35; margin:0; padding-bottom: 0.7em}
#content.affiliate-dashboard .right ul {margin-bottom: 1.5em; margin-top: 0;}
#content.affiliate-dashboard .right li {background: none; margin:0; padding:0; position: relative; border-bottom: 1px solid #aebd35; text-indent: 0; line-height: inherit;}
#content.affiliate-dashboard .right ul li:before {display: none;}
#content.affiliate-dashboard .right li a {padding: 1em 1em 1em 1.75em; position: relative; display: block;}
#content.affiliate-dashboard .right li a:before {content: "•"; font-size: 22px; color: #aebd35; position: absolute; top:0.4em; left:0.5em; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out}
#content.affiliate-dashboard .right li a span {display: block; line-height: 110%;}
#content.affiliate-dashboard .right li a .title {color: #6699cc; font-size: 1.094em; font-weight:800; margin-bottom: 0.2em}
#content.affiliate-dashboard .right li a .date {color: #005596; font-size: 0.938em; text-transform: uppercase}
#content.affiliate-dashboard .right li a:hover *, #content.affiliate-dashboard .right li a:hover:before {color: #f79120}

#content .new-resources {clear: both}
#content .new-resources ul {margin-bottom: 1.75em; margin-top: 0;}
#content .new-resources li {background: none; margin: 0; border-bottom: 1px solid #aebd35;     padding: 1em 0; text-indent: 0;}
#content .new-resources ul li:before {display: none;}
#content .new-resources li > * {display: block; line-height: 130%;}
#content .new-resources li img {padding: 0 !important; margin-right: 5px}
#content .new-resources li .date {font-size: 0.938em; color: #005596; text-transform: uppercase}
#content .new-resources li .title {color: #6699cc; font-size: 1.094em; font-weight:800; margin: 0.2em 0 0.3em}
#content .new-resources li .bread-crumb {font-size: 0.781em; color: #005596}
#content .new-resources li .bread-crumb a {font-weight:600; color: #9a5ba5}
#content .new-resources li a:hover {color: #f79120}

#calloutBoxes ul li:before {display: none;}
#calloutBoxes {margin: 2em 0!important;}
     #content .news #calloutBoxes {padding-top: 2.25em}
.tiles ul li {text-indent: 0!important;}

.donation-form {
  float: right;
  margin: 0 0 2em 2em;
}

@media only screen and (max-width:900px) {
  .donation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .donation-form {
    float: none;
    margin: 2em auto;
  }
}

@import url(/includes/css/grid-flex.css);