:root{--navy:#061a38;--gold:#d49316;--max:1536px}
*{box-sizing:border-box}html,body{margin:0;background:#03142d;color:#fff;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}.site{width:min(100%,var(--max));margin:0 auto;background:#061a38}.header-wrap,.footer-wrap,.art-wrap{position:relative;width:100%;line-height:0}.header-img,.footer-img,.art{width:100%;height:auto;display:block}.catalog{background:#fff}
.hot-nav{position:absolute;left:0;right:0;bottom:0;height:30%;z-index:20;overflow:visible}.hot-nav>a{position:absolute;top:0;height:100%;display:block}.hot-nav>a:focus,.nav-activities:focus{outline:3px solid #fff;outline-offset:-4px;background:#fff1}
.nav-home{left:2.5%;width:7.5%}.nav-about{left:10.2%;width:8.1%}.nav-ships{left:18.4%;width:7.6%}.nav-activities{left:26.1%;width:11.2%}.nav-uniforms{left:37.4%;width:11.0%}.nav-resources{left:48.5%;width:12.1%}.nav-faq{left:60.7%;width:7.3%}.nav-sela{left:68.1%;width:7.1%}.nav-contact{left:75.4%;width:12.1%}.nav-donations{left:87.7%;width:11.0%}

.hotspot{position:absolute;display:block;z-index:10;border-radius:8px}.hotspot:focus{outline:4px solid #fff;background:#fff2}.resource-art .resource-hotspot:hover{outline:3px solid rgba(212,147,22,.9);background:rgba(212,147,22,.10)}
.notice{padding:14px 18px;background:#fff;color:#071a3a;text-align:center;font-size:14px;line-height:1.45}.contact-overlay{position:absolute;left:53.4%;width:34.5%;z-index:12;line-height:normal}.contact-overlay input,.contact-overlay textarea,.contact-overlay button{width:100%;font:inherit;border:1px solid #aaa;border-radius:4px;background:#fffffff2;color:#111;padding:7px 10px}.contact-name{top:30%;height:7.5%}.contact-email{top:39.4%;height:7.5%}.contact-subject{top:48.8%;height:7.5%}.contact-message{top:58.2%;height:22.5%}.contact-submit{top:83.2%;height:8.5%;background:#c98912!important;color:#fff!important;font-weight:700;border:0!important;cursor:pointer}.donation-choice{position:absolute;z-index:12;background:transparent;border:0;cursor:pointer}.donation-choice:focus,.donation-choice.selected{outline:3px solid #152d60;background:#d4931622}.donate-submit{position:absolute;left:51.5%;top:61.1%;width:36.9%;height:9.3%;z-index:12;border:0;background:transparent;cursor:pointer}.major-donors{left:36.6%;top:89%;width:25%;height:10%}
@media(max-width:700px){.notice{font-size:12px}.contact-overlay input,.contact-overlay textarea,.contact-overlay button{font-size:11px;padding:3px 5px}}

.activities-art-wrap{overflow:visible}
.activities-art-menu{position:absolute;left:0;top:0;width:100%;height:100%;z-index:50;pointer-events:none;line-height:normal}
.activities-word-trigger{position:absolute;left:4.2%;top:9.0%;width:25.5%;height:17%;border:0;background:transparent;cursor:pointer;pointer-events:auto;border-radius:4px;padding:0}
.activities-word-trigger:focus{outline:3px solid rgba(255,255,255,.9);outline-offset:2px}
.activities-page-dropdown{display:none;position:absolute;left:4.2%;top:27%;min-width:330px;background:#061a38;border:2px solid var(--gold);box-shadow:0 12px 24px #0009;z-index:60;padding:5px 0;pointer-events:auto}
.activities-art-menu.open .activities-page-dropdown{display:block}
.activities-page-dropdown a{display:block;color:#fff;text-decoration:none;padding:12px 16px;white-space:nowrap;font-weight:700;font-size:18px;line-height:1.25}
.activities-page-dropdown a:hover,.activities-page-dropdown a:focus{background:var(--gold);color:#061a38;outline:none}
@media(max-width:700px){.activities-page-dropdown{min-width:300px;max-width:88vw}.activities-page-dropdown a{font-size:14px;padding:11px 13px;white-space:normal}}