@charset "utf-8";
/* CSS Document */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, /* menu, */ section, time, mark, audio, video, a { font-size: 100%; padding: 0; border: 0 none; margin: 0; }

body { font: 100%/1.4 Verdana, Arial, Helvetica, Geneva, sans-serif; background-color: #fff; padding: 0; margin: 0; color: #333;}

article, aside, figure, footer, header, hgroup, /* nav, */ section { display: block; }

p, ul, ol, li { font-size: 1.0em; line-height: 170%; margin-bottom: 1.2em; }
li { margin-bottom: 0; }
p.center, h3.center { text-align: center; }

a { color: #17b; text-decoration: none; }
a:visited { color: #17b; text-decoration: underline; }
a:hover { text-decoration: underline; }

/* for skip navigation link, from webaim.org/techniques/css/invisiblecontent, "Skip to main content" links section */
#skip a { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
#skip a:focus { position: static; width: auto; height: auto; }

p.bcrumb { font-size: 0.8em; font-style: italic; line-height: 120%; padding-top: 0.5em; margin-bottom: 2em; }
/* sup { font-size: 0.8em; vertical-align: top; } */

h1 { color: #fff; font-size: 1.5em; font-weight: normal; letter-spacing: 2px; text-align: center; text-transform: uppercase; padding: 0 10px 1px 10px; background-color: #438; margin: 8px 0 14px 0; }
h2, h3, h4, h5 { color: #08b; font-size: 1.6em; padding-top: 0.5em; margin: 0 0 1.1em 0; }
h2 { padding-top: 0.2em; margin-bottom: 0.4em; }
h3 { color: #56b; font-size: 1.4em; }
h4 { color: #438; font-size: 1.3em; }
h5, #accordion h4 { color: #444; font-size: 1.2em; }

header { position: relative; min-height: /* 127px; */ 110px; max-width: 960px; padding: 0; background-color: #fff; margin: 0 auto; }

header #safe_exit { float: left; position: fixed; min-width: 10%; left: 45%; top: 0; text-align: center; padding: 0 2px 5px 0; background-color: #800; z-index: 999; }
header #safe_exit a { color: #fff; font-size: 0.8em; font-weight: bold; text-transform: uppercase; padding: 9px 7px 0 7px; margin: 0 0 10px 0; }
header #safe_exit a:hover { text-decoration: none; }

header #logo { position: relative; top: 0px; float: left; max-width: 20%; margin: 0 0 0 20px; z-index: 888; }
header #logo img { max-width: 180px; }

header #search { float: right; width: 40%; margin: 5px 0 0 0; }

/* Added to control placement of the navigation menu on desktop */
header #navmenu { float: right; margin: 0; }

#main_container { font-size: 0.9em; max-width: 960px; background-color: #fff; padding: 0 10px 20px 10px; margin: 0 auto; } /* for centering the #main div content */

#main { float: left; width: 100%; font-family: Verdana, Arial, Geneva, sans-serif; padding: 20px 0 0 0; background-color: #fff; /* margin: 0 auto; */ margin-top: -70px; }

#main ul, #main ol { list-style: none outside none; margin: 0 2.8em 1.2em 1.4em; }
#main ul li, #main ol li { background: url("../images/bullet.gif") no-repeat scroll 0 9px; padding-left: 1.4em; }
#main ol { list-style-type: decimal; margin: 0 3.2em 1.2em 1.8em; }
#main ol li { background: none; }
#main ul li ul li { background: url("../images/bullet-sub.gif") no-repeat scroll 0 9px; }

#main #whatwedo { width: 100%; float: left; font-size: 0.9em; margin-bottom: /* 20px; */ 5px; }
#main #whatwedo .box { /*max-width: 216px;*/ width: 21%; /*25%;*/ height: 100%; float: left; padding: /*12px;*/ 2%; }
#main #whatwedo .box p { margin-bottom: 0; }
#main #whatwedo .research { background-color: #ffe0cc; }
#main #whatwedo .practice { background-color: #ddf; }
#main #whatwedo .policy { background-color: #fec; }
#main #whatwedo .education{ background-color: #cde; }
#main #whatwedo p { color: #333; line-height: 140%; }
#main #whatwedo h2 { font-size: 1.2em; font-weight: normal; text-align: center; padding: 0 0 4px 0; border-bottom: #068 1px solid; margin: 0 0 6px 0; }
#main #whatwedo h2 a { color: #068; text-decoration: none; text-transform: uppercase; }

#main #social_fb { /*max-width: 466px;*/ width: 48.5%; float: left; }
#main #social_tw { /*max-width: 466px;*/ width: 48.5%; float: right; }

#main #content { padding: 0 10px; }

#main #content img.rightjust { float: right; margin: 0 0 16px 20px; }
#main #content img.leftjust { float: right; margin: 0 16px 20px 0; }

/* FAQ page */
.expandable img { vertical-align: middle; border: none; margin-right: 10px; }
.expandable dt { font-weight: bold; margin-bottom: 14px; }
.expandable dd { display: block; margin: 0 0 14px 40px;}

/* Stop Abuse page */
.question_row { width: 920px; float: left; margin-bottom: 10px; }
.question_row .photo_question { width: 200px; float: left; margin: 0 40px 0 0; }
.question_row .photo_question_r { width: 200px; float: left; margin: 0; }

/* Timeline/History page ???
.timeline_top { border-left: dashed 4px #C0C0C0; height: 35px; }
.timeline { border-left: solid 4px #C0C0C0; padding: 0px 5px 0px 0px; }
.timeline img { vertical-align: middle; float: left; margin-right: 10px; }
.timeline span { color: #277db0; font-weight: 600; } */


/* Publications page dropdown styles */
#filelinks {
    /* width: 12em;
    border-right: 1px solid #000;
    padding: 0 0 1em 0;
    margin-bottom: 1em;
    font-family: 'Trebuchet MS', 'Lucida Grande',
    Verdana, Lucida, Geneva, Helvetica, 
    Arial, sans-serif;
    background-color: #90bade;
    color: #333; */
    }

#filelinks ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
    border: none;
    }

#filelinks li {
    /* border-bottom: 1px solid #90bade; */
    margin: 0;
    }

#filelinks li a {
    /* display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 10px solid #1958b7;
    border-right: 10px solid #508fc4;
    background-color: #2175bc;
    color: #fff; */
    text-decoration: none;
    width: 100%;
    }

html>body #filelinks li a {
    width: auto;
    }

#filelinks li a:hover {
    /* border-left: 10px solid #1c64d1;
    border-right: 10px solid #5ba3e0;
    background-color: #2586d7;
    color: #fff; */
	text-decoration: underline;
    }
	
/* Calendar page event styles */
/* Resources Calendar page (two-col yearly events) */
.cal {width: 621px; float: left; font-size: 12px;}
.cal p.cal_month {width: 150px; float: left; font-weight: bold; text-align: right; padding: 0 10px 8px 0; border-right: solid 1px #ccc; margin: 0 10px 0 0;}
.cal p.cal_event {width: 450px; float: left; text-align: left; padding: 0 0 8px 0; margin: 0;}
	
/* Curricula page accordion styles */
button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 12px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14px;
    transition: 0.4s;
}
button.accordion.active, button.accordion:hover {
    background-color: #ddd; 
}
button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}
button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}
div.panel { display: none; padding: 0 18px; background-color: #fff; }
div.panel.show { display: block !important; }
div.panel p { margin: 0.2em 0; }

footer { float: left; width: 100%; height: 100%; font-size: 0.8em; padding: 20px 0 80px 0; background-color: #068; margin: 0; } /* similar to body */
footer .go-top { position: fixed; bottom: 1em; right: 2em; padding: 1em; /* display: none; */ }
footer #footer_inside { max-width: 960px; padding: 0 20px; margin: 0 auto; } /* similar to #main_container */
footer #footer_inside p { color: #ddd; padding: 0; margin: 0 0 14px 0; }
footer #footer_inside p strong { color: #fff; }
footer #footer_inside p a {  color: #eee; text-decoration: none; }
footer #footer_inside #links { float: left; max-width: 570px; }
footer #footer_inside .links { float: left; /*width: 17%;*/ max-width: 160px; padding: 0 30px 20px 0; }
footer #footer_inside #logos { float: right; /*width: 40%;*/ max-width: 357px; }
footer #footer_inside #logos p { text-align: right; }
footer #footer_inside #logos p img.aoa { margin: 3px 0 0 0; }
footer #footer_inside #logos p img.acl { margin: 3px 26px 0 0; }
footer #footer_inside #logos .social { float: right; width: 170px; text-align: left; }
footer #footer_inside #logos .social img { margin: 6px 12px 0 0; }

.clear { clear: both; }


@media screen and (max-width : 960px) {
	header #logo img { max-width: 180px; z-index: -1 !important; }	
	header #search { float: right; width: 100%; margin: 0; }
	
	/* Added to control placement of the navigation menu down on mobile */
	header #navmenu { width: 100%; margin: 0; }
	
	#main { float: left; width: 100%; font-family: Verdana, Arial, Geneva, sans-serif; padding: 20px 0 0 0; background-color: #fff; margin: 0 auto; }		
	#main #homephoto { top: -5px; line-height: 0; margin-bottom: -20px; }
	#main #homephoto img { max-width: 100%; z-index: -5 !important; }	
	#main h1 { color: #fff; font-size: 1.5em; margin-top: 30px; }
}

@media screen and (max-width : 768px) {
	header { border-bottom: none; }
	header #header_inside { padding: 0; }
	header #header_inside #logo { float: none; padding-left: 1em; }
	header #header_inside #search { float: none; width: 100%; }
	header #logo img { max-width: 180px; z-index: -1 !important; }	
	header #homephoto { top: -5px; line-height: 0; margin-bottom: -20px; }
	header #homephoto img { max-width: 100%; z-index: -1 !important; }
	
	#main { float: none; width: 100%; }
	#main #whatwedo .box h2 { font-size: 1.0em; }
	#main #whatwedo .box p { color: #444; font-size: 0.8em; }	
	#main h1 { color: #fff; font-size: 1.3em; /* margin-top: 30px; */ margin-top: 200px; }	
}

@media screen and (max-width : 624px) {
	header #logo img { max-width: 180px; z-index: 1 !important; }
	
	#main h1 { margin-top: 200px; }
	#main h1 #home { margin-top: 30px; }
		
	#main #whatwedo .box h2 { font-size: 0.9em; border: none; margin: 0; }
	#main #whatwedo .box p { display: none; }
}

@media screen and (max-width : 480px) {
	h1#page_title a { display: block; margin: 1em 1em 0 1em; }	
	header #header_inside #logo { display: none; }
	header #logo img { max-width: 180px; z-index: 1 !important; }
	
	#main h1 { color: #fff; font-size: 1.2em; /* margin-top: 30px; */ margin-top: 200px; }
	#main h1 #home { color: #fff; font-size: 1.2em; margin-top: 30px; }
	#main #whatwedo .box h2 { font-size: 0.8em; }
	#main #social_fb, #main #social_tw { width: 100%; float: none; }
}

@media print {
    header { position: relative; width: 100%; }
    #main { float: none; width: 100%; }
    #main #left_col { float: none; min-width: 95%; border-right: none; padding: 0; margin: -148px 0 0 0; }
    #main #right_col { display: none; max-width: 5%; }
    footer { display: none; }
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Google Search Label
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#GoogleSearchLabel {
    visibility:hidden;
    position:absolute;
    font-size:50px;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Twitter Styling Adjustments
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*.TweetAuthor-screenName {
    color:#4c545b !important;
    font-size:14px !important;
}

.dt-updated {
    color:#4c545b !important;
}*/