*,*::before,*::after{box-sizing:border-box}
html{background:#f1f2f3 url(../themes/apsu/images/bg-page.gif) repeat-x;-webkit-text-size-adjust:100%}
body{margin:0;color:#333;font:400 1rem/1.55 Lato,Arial,Helvetica,sans-serif}
img{max-width:100%;height:auto;border:0}
a{color:#0072a3}a:hover{color:#003264}
:focus-visible{outline:3px solid #00b1f1;outline-offset:2px}
a.skip{position:absolute;left:-9999px}a.skip:focus{position:static}
#wrapper{max-width:1004px;margin:0 auto;padding:0 12px 21px}
#header{display:flex;align-items:center;gap:15px;padding:24px 0}
.logo{margin:0}.logo img{display:block;width:70px;height:70px}
.title{flex:1 1 260px;min-width:0;margin:0}.title img{display:block;width:100%;max-width:534px}
.wrapper-holder{border:1px solid #00b1f1;background:#fff;padding:2px 4px 9px 2px;margin-bottom:16px}
.nav-toggle{display:none;width:100%;padding:12px;font:700 1rem Lato,Arial,sans-serif;color:#003264;background:#97ddf7;border:1px solid #cacaca;cursor:pointer}
.main-nav{border:1px solid #cacaca;position:relative;z-index:10}
.main-nav ul{margin:0;padding:0;list-style:none}
#nav{display:flex;flex-wrap:wrap}
#nav>li{flex:1 1 auto;position:relative;border-right:1px solid #e0e0e0}
#nav>li>a{display:block;padding:10px 12px;text-align:center;text-decoration:none;color:#555}
#nav>li:hover>a,#nav>li:focus-within>a{background:#97ddf7}
#nav li div{display:none;position:absolute;top:100%;left:0;min-width:100%;width:max-content;max-width:280px;background:#97ddf7;z-index:20}
#nav>li:nth-last-child(-n+3)>div{left:auto;right:0}
#nav li:hover>div,#nav li:focus-within>div{display:block}
#nav li li a{display:block;padding:7px 14px;color:#222;text-decoration:none;font-size:.9rem}
#nav li li a:hover{background:#c2e8f6}
#main{display:grid;grid-template-columns:minmax(0,1fr) 277px;gap:0 14px;margin-top:2px}
#content,#sidebar{min-width:0}
#sidebar{font-size:.9375rem;color:#4b4a4a;border-left:1px solid #ddd;padding-left:12px}
.slideshow{position:relative;aspect-ratio:711/410;margin:0 0 4px;overflow:hidden}
.slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .5s}
.slide.active,html:not(.js) .slide:first-child{opacity:1;z-index:2}
.slide img{display:block;width:100%;height:100%;object-fit:cover}
.caption{position:absolute;left:0;right:0;bottom:0;padding:10px 30px 20px 253px;background:url(../themes/apsu/images/bg-caption.png);color:#fff;font-size:.95rem;line-height:1.3}
.caption a{color:#fff}
.pagination{position:absolute;top:10px;right:10px;z-index:6}
.pagination ul{display:flex;gap:8px;margin:0;padding:0;list-style:none}
.pagination a{display:block;width:16px;height:16px;border-radius:50%;background:#999;overflow:hidden;text-indent:-9999px}
.pagination .active a{background:#00b1f1}
.parent-info{position:absolute;bottom:6px;left:0;z-index:5;width:238px;height:94px;padding:30px 23px 0 121px;background:url(../themes/apsu/images/bg-parent-info.png) no-repeat;font-size:13px;line-height:16px}
.parent-info .title{display:block;font-size:15px;color:#003464;width:auto;margin:0}
.parent-info img{position:absolute;top:2px;left:15px;width:90px;height:88px}
.text-section{border-top:1px solid #c2c2c2;padding:20px 22px 15px}
.typography{overflow-wrap:break-word}
.typography h1{color:#00bbff;font:300 2rem/1.2 Lato,Arial,sans-serif;margin:0 0 20px}
.typography h2{color:#003366;font:700 1.0625rem/1.3 Lato,Arial,sans-serif;text-transform:uppercase;margin:1.2em 0 10px}
.typography h3{color:#003366;font:400 1rem/1.4 Lato,Arial,sans-serif;text-transform:uppercase;margin:1em 0 7px}
.typography h4,.typography h5,.typography h6{font:700 1rem/1.5 Lato,Arial,sans-serif;margin:1em 0 5px}
.typography p{margin:0 0 1em}
.typography ul,.typography ol{margin:0 0 1em 1.4em;padding:0}.typography li{margin:.25em 0}
.typography blockquote{margin:1em 0 1em 1em;padding-left:1em;border-left:3px solid #97ddf7}
img[align=right]{float:right;margin:0 0 .5em 1em}img[align=left]{float:left;margin:0 1em .5em 0}
img[align=center],p[align=center]{text-align:center}
.staff-block{padding:21px 0 11px;border-top:1px dashed #ccc;overflow:hidden}
.staff-block img{float:left;margin:5px 24px 8px 0}.staff-block .text-holder{overflow:hidden}
.text-block{background:#daecf3;padding:14px 18px 6px 12px;margin-bottom:5px}
.news-list{background:#eaeaea;padding:0 12px}.news-list h4{background:#003264;color:#fff;text-transform:uppercase;margin:0 -12px;padding:2px 8px}
.news-block{padding:13px 0 15px;border-top:1px dashed #999}
#sidebar h5{font-weight:400;text-transform:uppercase;color:#003163;margin:0 0 9px}
.side-nav{border:1px solid #c2e8f6;padding:10px 9px 7px;margin-bottom:4px}
#footer{border:1px solid #00b1f1;background:#fff;padding:24px 16px 9px}
.menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:14px}
.menu .column{border-left:1px solid #00b1f1;padding:0 12px}
.menu h6{margin:0;font:400 .8rem/1.3 Lato,Arial,sans-serif;text-transform:uppercase}
.menu h6 a,.menu li a{color:#444;text-decoration:none}.menu a:hover{color:#0072a3}
.menu ul{margin:10px 0 18px;padding:0;list-style:none;font-size:.85rem;line-height:1.5}
.copyright{font-size:.8rem;color:#666;margin-left:10px}.copyright .tel{margin-left:12px}.copyright a{color:#333}
@media(max-width:860px){#main{grid-template-columns:1fr}#sidebar{border:0;padding:0;margin-top:12px}}
@media(max-width:720px){
.nav-toggle{display:block}.main-nav{display:none}.nav-open .main-nav{display:block}
#nav{display:block}#nav>li{border:0;border-top:1px solid #e0e0e0}#nav>li>a{text-align:left}
#nav li div{display:block;position:static;width:auto;max-width:none;background:#e9f7fc}
.text-section{padding:16px 12px}.typography h1{font-size:1.65rem}
.caption{top:0;bottom:auto;padding:8px 12px;font-size:.8rem}
.pagination{top:auto;bottom:10px}.parent-info{transform:scale(.8);transform-origin:left bottom}
img[align]{float:none!important;display:block;margin:1em auto!important}
.staff-block img{float:none;margin:0 0 10px}}
@media print{.nav-toggle,.main-nav,.slideshow,.menu{display:none}html{background:#fff}#main{display:block}}
.site-notice{margin:0 0 14px;padding:10px 14px;background:#daecf3;border-left:4px solid #00b1f1;color:#003264;font-size:.875rem;line-height:1.45}
.site-notice strong{text-transform:uppercase;letter-spacing:.03em}
