@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');

html, body, div, span, applet, object, iframe, article, aside, footer, header, hgroup, menu, nav, section, figure, 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, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}
table, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent;}
article, aside, footer, header, hgroup, menu, nav, section, figure {display:block;}
ol, ul , menu {list-style: none;}
iframe {overflow:hidden;}
:focus {outline: 0;}

/* page wrapper */
body {background:#fff; font-weight:400; width:100%; min-width:320px; font-size:16px; line-height:1.375em; letter-spacing:normal; word-spacing:normal; color:#000;}
.rwdOverlayMask {background-color:#000; opacity:0.7; display:none; left:0px; top:0px; position:absolute; z-index:100;}
.mcontact, .mobileOnly, .msocialmedia, .showFrmL, .showFrmM, .showSmall {display:none;}
.hideFrmL, .hideFrmM, .hideFrmS {display:block;}

sup, sub {vertical-align: baseline; position: relative; top: -0.4em;}
sub { top: 0.4em; }
.hidden, .hide{display:none;}

header a , footer a {text-decoration:none; color:#005499;}
header a:hover, header a:focus, header a:active, footer a:hover, footer a:focus, footer a:active {text-decoration:underline;outline: 0;}

/* Page Header */
header {font-size:75%; font-family: Arial, Helvetica, Sans-serif; line-height:1.3em; letter-spacing:normal; word-spacing:normal; position:relative;border-bottom:1px solid #fff; overflow:visible; width:100%;padding:0;z-index:110;margin:0 auto;}
header .header_top { height: 30px; background-color: #F1F1F1; width: 100%; padding: 0; }
header .container { max-width: 1200px; margin: 0 auto; }
header .header_top ul { position: relative; text-align: center; background-color: #F1F1F1; float: left; list-style-type: none; margin: 0 auto; display: block; overflow: hidden; clear: none; }
header .header_top ul li { position: relative; list-style: none; padding: 9px 0px 0px 5px; float: left; font-size: 0.95em;}
header .header_top ul li a { padding: 5px 8px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; background: url("https://www.apaservices.org/Content/Images/divider.png") no-repeat 0px 55%; }
header .header_top ul li.first a { background: none; }
header .header_top .header_left { float: left; }
header .header_utils { float: right; position: relative; z-index: 110; clear: right; height: 30px; }

header .banner {background:#FFFFFF; margin-top:10px; width:100%; overflow:hidden;}
header .banner img {margin:5px 0 8px 14px;}
header .banner img.apaLogo {width:155px;}
header .banner .headLogo {float:left;}
header .banner .headLogo img.large {max-width:430px; height:auto;}
header .banner .headLogo img.small, header .banner .headLogo img.medium {display:none;}
header.slim .banner {border-bottom: 2px solid #555;}

/* Footer - include */
footer  {width:100%; float:left;padding:10px 0 0;margin:10px auto 0; background-color:#EBEBEB; border-top:6px solid #BABABA;color:#333;}
.rwd-footer {font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight:400;line-height:21px; letter-spacing:normal; word-spacing:normal; padding:0;}
.rwd-footer div {float:left; clear:none; margin:0; font-size:11px; clear:left; }
.rwd-footer ul  {margin:0; padding:45px 0 0;list-style-type:none; float:right;clear:none;width:auto;text-align:right;font-size:11px;}
.rwd-footer ul li  {float:left; padding:0 8px; background:url("https://www.apa.org/Content/Images/divider.png") no-repeat 0px 55%;}
.rwd-footer ul li:first-child   {background:none; padding-left:0;}
.rwd-footer .sup {margin-top:-3px;}
.rwd-footer p {text-align:left;clear:left; margin:0; width:auto; padding:0;}
.rwd-footer div.back-to-top {float:right;padding-right:15px;display:none;}
.rwd-footer .back-to-top span {font-size:1.1em;}
.rwd-footer .standard, .rwd-footer .social-media {width:100%; padding:10px 15px; -moz-box-sizing:border-box; box-sizing:border-box;}
.rwd-footer .standard {background-color:#EBEBEB;}
.rwd-footer div.container {max-width:1200px;margin:0 auto; float:none !important;}
.rwd-footer .social-media {background-color:#E2E2E2; padding:5px 15px; margin:0; float:right;}
.rwd-footer .social-media div {font-size:1.1em; font-weight:bold; padding:5px 5px 5px 0;float:right;color:#747474;}
.rwd-footer .social-media  .social-media-items {clear:none;float:right;}
.rwd-footer .social-media  .social-media-items img {margin:3px 3px 0;}
.rwd-footer > div:last-child {padding-bottom:20px;}
#ie-margin-fix{float:left;height:0;clear:left; display:none;} 
@-moz-document url-prefix() {.rwd-footer ul li {padding:0 5px;}}

/* Skip Navigation*/
a.skip-main { padding: 6px; position: absolute; top: -40px; left: 0px; color: white; border-right: 1px solid white; border-bottom: 1px solid white; border-bottom-right-radius: 8px; background: #003A70; -webkit-transition: top 1s ease-out; transition: top 1s ease-out; z-index: 200; }
a.skip-main:focus, a.skip-main:active { position: absolute; left: 0px; top: 0px; outline-color: transparent; -webkit-transition: top .1s ease-in; transition: top .1s ease-in; }

/* mainwrap */
.mainwrap {padding:0; width:100%; float:left;margin-top:10px;}
.mainwrap .body-container{max-width:1200px; margin:0 auto; padding-left:15px;padding-right:15px;-moz-box-sizing:border-box; box-sizing:border-box;} 
h1 {font-family: 'Roboto Slab', Georgia, Times, 'Times New Roman', serif; font-weight:400; font-size: 2.5em; line-height: 1.1em; color: #444; border: none; padding:0 0 0.1em; margin: 0; clear:both;} 
h2 {font-weight:400;font-size:26px;line-height: 1.1em; color: #444; border: none; padding:.5em 0 0.1em; margin:0; clear:both;}

/* override bootstrap button color */
.btn-primary { color: #fff; background-color: #005499; border-color: #005499;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #fff; background-color: #046fb7; border-color: #046fb7;}

@media screen and (max-width: 1120px){			
	/*footer */
	.rwd-footer {width:100%;}
	.rwd-footer ul{float:left;width:100%;text-align:left; -moz-box-sizing:border-box; box-sizing:border-box;}
	.rwd-footer p {text-align:left; clear:left; margin:0; width:auto;padding:0;}
	.rwd-footer div {float:left; clear:none;}
	.rwd-footer .standard {padding-bottom:20px;}
	.rwd-footer .standard ul {padding:0 15px 20px 0;}
}
@media screen and (max-width: 995px){
	html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
	body{float:none; overflow:visible; height:auto;border:0;margin:0; clear:both;min-height:0;padding: 0; width:100%; min-width:320px;}	
	.hideFrmL{display:none;}
	.showFrmL {display:block;}
	header {width:auto;border:0;margin:0;clear:both;}	
	header .header_top .header_left {display:none;}	
	header .banner {margin-top:0; overflow:visible; height:57px; border-bottom: 2px solid #555;}
	header .banner .headLogo img {margin:2px 0 0 20px;max-height:55px;}

	.mainwrap {position:relative;}
}
@media screen and (min-width: 768px) and (max-width: 995px) {
	header .banner .headLogo img.large{margin-top:12px;}
}

@media screen and (max-width: 890px){	
	/*footer */
	.rwd-footer ul {padding:0;}
	.rwd-footer ul li  {float:left; padding:0; background:none; width:100%; line-height:33px;}
	.rwd-footer .social-media div {float:left;}
	.rwd-footer div.back-to-top {display:block;}
}

@media screen and (max-width: 767px){
	header .banner .headLogo img.large{max-width:320px; height:auto; margin:17px 0 0 10px;}
	.hideFrmM{display:none;}
	.showFrmM {display:block;}
	#ie-margin-fix{display:block;}
}

@media screen and (max-width: 480px){
	header .banner .headLogo img.small{display:block; max-height:40px;margin:2px 0 0 10px;padding-top:8px;}
	header .banner .headLogo img.large{display:none;}
	.hideFrmS {display:none;}
	.mobileOnly, .showSmall {display:block;}
}