@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
* {margin:0;padding:0;border:0;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box}
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:#0055a6;}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-100px;z-index:10}
	#skipNavigation:focus,#skipNavigation:active{top:0;}
/*page widths*/
body>header, body>nav, main, body>footer, #alertApp, .pageHeader, #photoRotator, #quicklinks {width:100%; float:left; clear:left; padding:0 10px; display:block;}
#photoRotator {padding: 0; border-top:1px solid #fff; border-bottom: 8px solid #fff;}
body>*>.wrap, body>footer>.fatFooter,#alertApp>* {width:1000px; margin-left:auto; margin-right:auto; position:relative; overflow:auto;}

/* text */
body, .text, input, button {font-family:"proxima-nova", Arial, Helvetica, sans-serif; font-size:16px; line-height:1.5em; font-weight: 400; color:#666;}
.condensed, body>nav a, body>header nav a, h1, h2, h3, h4, h5, h6, h7, h8, h9, .linkButton, .support span, #quicklinks section .learnMore, .home #content .mission a {font-family:"proxima-nova-condensed", Arial Narrow, Arial, Helvetica, sans-serif;}
.extraCondensed, .support, .fatFooter h2, .fatFooter .title {font-family:"proxima-nova-extra-condensed", Arial Narrow, Arial, Helvetica, sans-serif;}

a, a *{color:#7bc143; text-decoration:none}
a:hover, a:active, a:hover *, a:active *{color:#0055a6;}
.manage a {color:#666;}
.manage a:hover, .manage a:active, .manage a:hover *, .manage a:active *{color:#7bc143;}

p,h1,h2,h3,h4,hr,#content ul,.contentEditor ul,blockquote,dd,ol{margin-bottom:1em}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th {font-weight:400}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:1.3em;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#31659b}
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}
h1, #content article.blog>h1 {font-size:1.875em; color:#0055a6; font-weight: 600; margin-bottom:.8em}
#content>section{margin:2em 0}
h1+h2 {margin-top:0}
h2, #content * h1{font-size:1.71875em; color:#7bc143;}
h3{font-size:1.625em; color:#e17d00;}
h4, th{font-size:1.5em; color: #e11713;}
h5 {font-size:1.375em; color: #0055a6;}
h6 {font-size:1.25em; color: #0e5b2e;}
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}

/* level1 list */
#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{background:url(../images/icons/16x16/bullet.png) no-repeat 20px 3px;background-size: 16px 16px;margin-top:.3em;padding-left:35px}
#content ol, #content_home ol, .contentEditor ol{margin-left:35px}
.contentEditor ol {padding: 10px 0 0 25px !important}

/* level2 list */
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background:url(/images/icons/16x16/bullet2.png) no-repeat 5px 0; background-size:16px 16px; padding-left:20px;font-size:.92em;line-height:1.4em}

/* addon classes */
.clearFloats{clear:both}
.nobr{ white-space: nowrap}
.twoCol {
-webkit-columns:2;
        columns:2;
-webkit-column-gap:40px;
        column-gap:40px;
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
}
.threeCol {
-webkit-columns:3;
        columns:3;
-webkit-column-gap:30px;
        column-gap:30px;
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
}
.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}

/* forms */
input, button{font-size:.9em}
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:3px 5px;}
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{background-color:#e2f0f6;}
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:#7bc143; color:#fff; border:0; border-radius: 6px; padding:.4em .6em; line-height:1em; cursor:pointer;}
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:#0055a6; 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}
#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}


/* HEADER ------------------------------*/
body>header{height:129px; position: relative; border-bottom: 8px solid #7bc143; margin:0 auto;width:100%; background:#fff}
body>header>.wrap {height:129px; overflow: visible;}
#brand, #brand img {width:167px; height:127px;}
	#brand{display:block; position:absolute; left:10px; top:2px;}
.management #brand  { transition: none; }
/* ancillary */
body>header nav a {}
body>header nav a {color:#fff; font-weight: 700; text-align:center; text-decoration:none; text-transform: uppercase; -webkit-text-size-adjust:none; float: right; font-size:1.25em; padding: .5625em 1.25em; background: #7bc143; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; margin-left: .5em;}
body>header nav a:hover, hbody>eader>nav a:active {color:#fff; background:#0055a6;}
body>header nav a[href^="http://www.newtownprevention.org/"] {background-color: #e17d00; background-image: url(/images/newtown-Prevention-Council_Logo.png); background-position: .5em .575em; background-repeat: no-repeat; padding-left: 2.25em;}
body>header nav a[href^="/Special-Events/Holiday-Festival/holiday-festival/"],
body>header nav a[href^="/Special-Events/holiday-festival-2021/"] {background-color: #e17d00;}
body>header nav a[href^="http://www.newtownprevention.org/"]:hover, body>header nav a[href^="/Special-Events/Holiday-Festival/holiday-festival/"]:hover, body>header nav a[href^="/Special-Events/holiday-festival-2021/"]:hover {background-color: #0055a6;}

/* PRIMARY NAV ------------------------------ */
body>nav {background:none;overflow:visible;margin-top: -72px;position: relative;z-index: 5;}
body>nav .search {background: url(/images/icons/misc/search.png) no-repeat 0 center; background-size: 17px 17px; float: right; width:17px; height: 2.75em;}
body>nav .search:hover {opacity: .5;}
body>nav ul {text-align:right; overflow:visible; width: auto; float:right; margin-right: 5px;}
body>nav li {display:inline-block; position:relative}
body>nav a {margin-left:5px; color:#666; font-size: 1.25em; line-height:2.75em; padding:0 20px; display:inline-block; text-decoration:none; -webkit-text-size-adjust:none; border-radius:6px;}

body>nav>ul>li:hover>a,
body>nav>ul>li:active>a,
body>nav>ul>li>a:focus-visible {
	background:#0055a6;
	color:#fff;
}

body>nav>ul>li.on>a{color:#fff; background:#7bc143;}

/*dhtml*/
body>nav li ul{
	background: #FAFAFA;
	height:auto;
	overflow:auto;
	padding: .5rem 0;
	position:absolute;
	width: 13rem;
	z-index:1;
}
body>nav>ul>li:last-child ul{right:0}
body>nav li ul li{width:100%;display:block;}
body>nav ul li ul li a{background:none;color: #333;}
body>nav li ul li a{border-radius: 0;font-size: 1.0625rem;line-height:1.1em;margin: 0;padding:.3em .5em;display:block;text-align:left;}
body>nav li ul li a:hover, .t1 li ul li a:active{color: #FFF;background: #0055a6;}


/* MAIN ------------------------------ */
main, .mceContentBody{
background: #e0eef5 url(/images/people.png) no-repeat right bottom; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: url(/images/people.png) no-repeat right bottom, -webkit-gradient(linear,  left top, left bottom,  from(#e0eef5),color-stop(60%, #ffffff));
background: url(/images/people.png) no-repeat right bottom, linear-gradient(to bottom,  #e0eef5 0%,#ffffff 60%); /* W3C */
}

.home main {background: #fff url(/images/people.png) no-repeat right bottom; padding-top:83px;}

main>.wrap{padding-top:3em; padding-bottom: 146px;}
.contentEditor{background:#fff;min-width:100%;}
/* side column */
main>div>aside{position:absolute; left:0; top:3em; width:210px; overflow:hidden; font-size:1em;}
/* t1 */
main>div>aside nav {width:210px;overflow:hidden;margin:0 0 40px}
main>div>aside nav li {height:1%; overflow:hidden}
main>div>aside nav li a {padding:.6em 10px; display:none;}
main>div>aside nav li a:hover, main>div>aside nav li a:active {background:#e5e5e5}
main>div>aside nav li.on>a {color:#000}
/* t2 */
main>div>aside nav li.on ul {}
main>div>aside nav li.on ul li {border-bottom:1px solid #ccdded;}
main>div>aside nav li.on ul li a {color:#666; display: block; border-radius: 3px; line-height: 1.2em;}
main>div>aside nav li ul li a:hover, main>div>aside nav li ul li a:active {color:#fff; background:#0055a6;}
main>div>aside nav li ul li.on>a {color:#fff; background:#e17d00;}
/* t3 */
main>div>aside nav li ul li.on ul {margin-top: 1px; background: #fff;}
main>div>aside nav li ul li.on ul li {border:0}
main>div>aside nav li ul li.on ul li a {font-size:.875em; padding: .4em 10px .4em 22px;}
main>div>aside nav li ul li ul li a:hover, main>div>aside nav li ul li ul li a:active {background:#e8f2f7; color:#0055a6;}
main>div>aside nav li ul li ul li.on>a {color:#148040; background:#e8f2f7;}
/* t4 */
main>div>aside nav li ul li ul li.on ul {margin-top:0;}
main>div>aside nav li ul li ul li.on ul li a {padding-left:44px; font-size:.8em; background: #e2f0f6; border-radius: 0;}
main>div>aside nav li ul li ul li ul li a:hover, main>div>aside nav li ul li ul li a:active {background:#148040; color: #fff;}
main>div>aside nav li ul li ul li ul li.on>a {color:#fff; background:#035b2e;}
/*section callouts*/
main>div>aside section {margin:0 0 20px;padding:10px}
main>div>aside section:hover {background:#FFC}
main>div>aside section h1 {margin:0;font-size:1.2em}
main>div>aside section p {margin:0}

.support {background: #7bc143 url(/images/sideNavTree.png) no-repeat center bottom; padding: 25px 11px 11px; display: block; border-radius:6px; font-size: 1.6875em; line-height: 1.1em; font-weight: 700; color:#fff; text-align: center;}
.support span {display: block; font-size: .59em; font-weight: 600; color: #fff; text-transform: uppercase; background: #0055a6; border-radius: 6px; padding:.3em; margin-top:1.2em;}
.support:hover {color: #fff;}
.support:hover span {background: #e17d00;}

/* content */
#content {float:left; width:100%; padding:0 40px 50px 264px; overflow:hidden; min-height:600px; word-wrap:break-word; position:relative;}

#content .photoright, #content .photoleft{max-width:50%; height:auto}
#content .photoright img,#content .photoleft img {max-width:100%; height:auto}
#content img.phototreatment{max-width:100%;height:auto}
img.phototreatment, img.photoright, img.photoleft, .photoright img, .photoleft img {border: 3px solid #fff; outline: 1px solid #b3c5d7;}
.photoright{float:right; margin:0 0 3em 4em; clear:right;}
.photoleft{float:left; margin:0 4em 3em 0; clear:left}

img.noStyle {border:none; background:none; outline:none}

figcaption {padding: 0 4px; font-size: .8em;}

.muted {opacity:0.5; filter:alpha(opacity=50);}
.highlight, .content .highlight{background:#e2f0f6 url(/images/tree.png) no-repeat right bottom; border:1px solid #d6edf7; border-radius: 6px; padding:2.75em 1.875em 2.25em; margin:1.5em 0}

.linkHighlight {background:#0055a6 url(/images/tree.png) no-repeat right bottom;; border-top:3px solid #7bc143; padding:2.75em 1.875em 2.25em; margin:1.5em 0; text-align: center;}
.linkHighlight a {display: inline-block; margin: 0 0 1em;}
.linkHighlight a.linkButton:hover {background-color: #e17d00;}

#content * h1 {font-size:1.6875em; color: #e11713; font-weight: 400;  margin-bottom:1em}
small, .textSm{font-size:.8em}
#content table, .contentEditor table{width:100%}

.linkButton {background: #7bc143; font-size: 1.25em; color: #fff; font-weight: 600; text-transform: uppercase; padding: .7em 1em; margin: 2em 0; border-radius: .3em;}
.linkButton:hover {background:#0055a6; color: #fff;}

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

#content .fancyList {border-top: 1px solid #d6eaf2;width:100%}
#content .fancyList li{line-height: 1.6em; border-bottom: 1px solid #d6eaf2;list-style: none;padding: .3em .5em;background: none;margin: 0;}
#content .fancyList li:nth-child(odd){background-color: rgba(214, 234, 242, 0.6);}
#content .fancyList span{font-size: .85em; display:block; font-style:italic; color:#0055a6; float:right}

.give {background:#e2f0f6; border: solid 1px #d6edf7; margin-bottom:1em; border-radius:5px}
.give h2 { background:#0055a6; color:#fff; padding:.3em .5em; margin-bottom:0; border-radius:5px; margin:.5em}
.give div {padding:2em}
.give div img { float:right; margin-top:-3em}
.give div+div { background:#fff}
.give div+div+div { background:none}
.online:before {content:"\f108\00A0";font-family: FontAwesome}
.mail:before {content:"\f0e0\00A0";font-family: FontAwesome}
.phone:before {content:"\f095\00A0";font-family: FontAwesome}

.communityPartners { float:left; width:100%; text-align:center}
.communityPartners img {float:left; max-width:33%;padding:0 1.5em}

#content .callouts {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: stretch;
        align-items: flex-end;
        margin-bottom:2em;
}

#content .callouts li {
        background:none;
        color:#0055a6;
        font-family: "proxima-nova-condensed", Arial Narrow, Arial, Helvetica, sans-serif;
        font-size:1.25em;
        font-weight: 700;
        max-width: 33.333%;
        padding: 0;
        text-align: center;
}

.callouts li img {
        display: block;
        margin: 0 auto .5em;
}

/* =HOME */
#quicklinks {background: #e0eef5 url(/images/home/tree.png) no-repeat left bottom / 444px 587px; padding: 60px 10px 60px;}
#quicklinks section {float: left; width: 30%; text-align: center; position: relative; height:42em; }
#quicklinks section + section {margin-left:5%;}
#quicklinks img {border: 8px solid #fff; border-radius: 50%; -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.15); box-shadow: 0 3px 8px 0 rgba(0,0,0,.15); margin-bottom: 35px; width: 100%;}
#quicklinks a {display: block; color: #148040;}
#quicklinks a:hover {color: #0055a6;}
#quicklinks div {margin-bottom: 17px;}
#quicklinks p {margin-bottom: 1.75em;}
#quicklinks p + P {margin-bottom: .75em;}
#quicklinks .title {font-size: 1.25em; margin-bottom: 1em;}

#quicklinks section h2 {color: #e17d00; font-size: 1.875em; font-weight: 700; text-transform: uppercase; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #ccdded;}
#quicklinks section .learnMore {background:#e17d00; color: #fff; font-weight: 600; text-transform: uppercase; margin-top: 1em; border-radius: 6px; padding: .5em; display: inline-block; width: 75%; position:absolute; bottom:0; left:12.5%}
#quicklinks section .learnMore:hover {background: #666;}
#quicklinks section + section h2 {color: #0055a6;}
#quicklinks section + section .learnMore {background: #0055a6;}
#quicklinks section + section + section h2 {color: #7bc143;}
#quicklinks section + section + section .learnMore {background: #7bc143;}

.home #content {float:left; width:100%; padding:80px 0 40px; overflow:hidden; min-height:0; background: rgba(214, 234, 242, .6); border: 1px solid #d6eaf2; padding: 45px 40px; border-radius: 6px;}
.home #content>section {float: left; width: 44.888%; margin:0;}
.home #content>section + section {margin-left: 9%;}
.home #content section h2 {font-size: 1.875em; color: #0055a6; font-weight: 700;}
#events a {margin-bottom: 2em; display: block;}
#events li {background: url(/images/icons/16x16/events.png) no-repeat 0 2px; background-size: 16px 16px; padding-left: 1.2em;}
#events li a strong {font-size: 1.2em; color: #6699ca; font-weight:600; margin-bottom: .5em; display:block}
#events li a {color: #666;}
.home #content #events > a:hover h1, .home #content #events > a:hover p {color: #7bc143;}
.home #content .mission p {margin-bottom: 2.25em;}
.home #content .mission a {background: #0055a6; color: #fff; text-transform: uppercase; margin-right: 10px; border-radius: 6px; padding: .5em 1.23em; display: inline-block;}
.home #content .mission a:hover {background: #7bc143;}
.home #content .mission a + a {background: #e11713;}

/* POPOVER ----------------------------- */
.popover {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,.5);
        z-index: 5;
}
.popover-inner {
        width: 50rem;
        max-width: 90vw;
        max-height: 85vh;
        overflow: auto;
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        background: #FFF;
        padding: 2rem;
        border-radius: 6px;
}
.popover .popover-close {
        background: none;
        position: absolute;
        top: 1.25rem;
        right: 1.25rem;
        padding: .5rem;
}
.popover .popover-close:before {
        content: "\00D7";
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        color: #0055a6;
        font-weight: 700;
        font-size: 35px;
}
.popover .popover-close:hover:before {color: #7bc143;}
.popover h2 {margin-bottom: 1.5rem; color: #0055a6;}
.popover p {margin-bottom: 1.25rem;}
.popover a.button {display: table; padding: .5em .65em;}

/* FOOTER ------------------------------ */
body>footer {padding-top:72px; padding-bottom:39px; color:#d1dae9; font-size:.825em; line-height:1.1em}
body>footer>.wrap {overflow:visible; border-top:1px solid #1865ae; padding-top: 27px; color:#66a4e1; font-weight: 300; text-align: center;}
#coa {display: block; width: 81px; height: 71px; background: no-repeat 0 0; background-size: 81px 71px;}
body>footer a {color:#d1dae9;}
body>footer a:hover, footer a:active{color:#fff;}
body>footer a.on, footer .on>a{text-decoration:underline; color:#e2f0f6}
body>footer>.wrap>div>nav {color: #d1dae9; margin-left: 8px;}

.fatFooter {margin-bottom:2.75em; display:table}
.fatFooter + .fatFooter {margin-bottom: 60px;}
.fatFooter>* {display:table-row}
.fatFooter>*>* {display:table-cell; vertical-align:top; width: 33%; line-height: 1.3em;}
.fatFooter>*>*+* {width: 41%;}
.fatFooter>*>*+*+* {width: 26%;}

.fatFooter>*>*:last-child {}
.fatFooter h2, .fatFooter .title {display: block; font-size: 1.714em; font-weight: 600; margin-bottom: 1em; color:#fff;}
#social a {float: left; margin-right: 1.5rem; opacity: .6;}
#social a:hover {opacity: 1;}
.facebook {display: block; width: 11px; height: 25px; background: url(/images/icons/facebook.png) no-repeat 0 0; background-size:11px 25px;}
.twitter {display: block; width: 26px; height: 25px; background: url(/images/icons/twitter.png) no-repeat 0 2px; background-size:26px 21px;}
.instagram {display: block; margin-left:-0.25rem; width: 25px; height: 25px; background: url(/images/icons/instagram.svg) no-repeat 0 0;}
.hotline {color:#7bc143;}
.hotline:hover {color: #fff;}
.fatFooter>*>* strong {color: #fff;}

.signUp {float:left; width: 100%; background-color: rgba(255,255,255,.15); border-radius: 6px; padding: .5em;}
.signUp>* {float: left;}
.signUp input[type="text"] {background: none; -webkit-box-shadow: none; box-shadow: none; border: none; color: #d1dae9;}
.signUp input[type="submit"] {float:right; background: url("/images/icons/signUp.png") no-repeat scroll 0 7px / 8px 10px; display: block; cursor: pointer; width:15px; height:18px;}
.signUp input[type="submit"]:hover {opacity: .5;}
.signUp ::-webkit-input-placeholder {color:#fff;}
.signUp :-moz-placeholder { /* Firefox 18- */ color:#fff;}
.signUp ::-moz-placeholder { /* Firefox 19+ */ color:#fff;}
.signUp :-ms-input-placeholder {color:#fff;}

body>footer nav {display:inline}
body>footer>div {min-height:18px}
#web-solutions-exposure {margin-left:11px}


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

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

/* page header */
.pageHeader {height:175px; border-top: 1px solid #fff; border-bottom: 8px solid #fff; background-repeat: none; background-size:cover; background-position: center top;}

/* ALERT */
#alertApp, #alertApp.alertStatic:hover{width:100%; background:#990000}
#alertApp h1{margin-bottom:0;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);}
#alertApp {cursor:pointer;}
#alertApp.alertStatic{cursor:auto}
#alertApp:hover { background:#660000;}


/* 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; white-space: normal;}
.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:-3em}
.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}
/*
.manage td.reportTitle{padding-left:5px;width:150px; cursor:pointer}
.manage td.views{padding-right:5px}
.manageCaption{}
.manageCaption td:first-child{padding-top:0;padding-left:0;font-size:.85em; font-style:italic;opacity:0.4;filter:alpha(opacity=4)}
*/


/* RESPONSIVE ------------------------------ */
@media screen and (max-width:1100px) {
    body>header, body>nav, main, body>footer, .pageHeader, #quicklinks, #photoRotator {min-width:750px}
}

@media screen and (max-width:1000px) {
body>header, body>nav, main, body>footer, .pageHeader, #quicklinks, #photoRotator {min-width:1000px}
body>*>.wrap, body>footer>.fatFooter{width:100%}
}

@media screen and (max-width:970px) {
body>header, body>nav, main, body>footer, .pageHeader, #quicklinks, #photoRotator {min-width:750px}
body>*>.wrap, body>footer>.fatFooter{width:100%}
body>nav a {font-size: 1em; padding:0 10px;}

}

@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/nyafs@2x.png) no-repeat center center; background-size: 167px 127px; cursor: pointer;}
	#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{background-image:url(/images/icons/32x32/bullet.png)}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background-image:url(/images/icons/32x32/bullet2.png)}
body>nav .search {background-image: url(/images/icons/misc/search@2x.png);}
#coa {background-image: url(/images/coa@2x.png);}
.facebook {background-image: url(/images/icons/facebook@2x.png);}
.twitter {background-image: url(/images/icons/twitter@2x.png);}
.signUp input[type="submit"] {background-image: url(/images/icons/signUp@2x.png);}
.home #content section > a > div {background-image: url(/images/icons/32x32/events.png);}
#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{background-image:url(/images/icons/32x32/bullet.png);}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background-image:url(/images/icons/32x32/bullet2.png);}
}


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


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