:root {
  --navy: #102a43;
  --blue: #185a8d;
  --orange: #d84a05;
  --orange-dark: #a93600;
  --cream: #f6f3ea;
  --paper: #ffffff;
  --ink: #243746;
  --muted: #5b6b78;
  --line: #dbe3e8;
  --shadow: 0 12px 36px rgba(16, 42, 67, .12);
  --radius: 16px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ink) !important;
  background: var(--cream) url('Images/bg.jpg') !important;
  font: 16px/1.65 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

a:link, a:visited {
  color: var(--blue);
  font-size: inherit;
  font-weight: 650;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
  border: 0;
}

a:hover, a:active { color: var(--orange-dark); }
a:focus-visible { outline: 3px solid #ffb000; outline-offset: 3px; }

.modern-header {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: linear-gradient(115deg, rgba(16,42,67,.97), rgba(24,90,141,.9)), url('Images/top.gif') center/601px 277px no-repeat;
  border-bottom: 5px solid var(--orange);
}

.modern-header::after {
  content: "";
  position: absolute;
  right: -10%;
  bottom: -110px;
  width: 460px;
  height: 220px;
  border: 2px solid rgba(255,255,255,.12);
  border-radius: 50%;
  transform: rotate(-8deg);
}

.modern-masthead {
  position: relative;
  z-index: 1;
  width: min(1120px, calc(100% - 32px));
  margin: auto;
  padding: 40px 0 34px;
}

.modern-eyebrow {
  margin: 0 0 6px !important;
  color: #ffd1b9 !important;
  font-size: .85rem !important;
  font-weight: 750;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.modern-header h1 {
  margin: 0;
  color: #fff;
  font: 800 clamp(2rem, 6vw, 3.8rem)/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.04em;
}

.modern-call-sign { color: #ff7a36; }

.modern-page-title {
  margin: 14px 0 0 !important;
  color: #edf6fc !important;
  font-size: clamp(1rem, 2vw, 1.2rem) !important;
}

.modern-nav { position: relative; z-index: 2; background: rgba(8,29,46,.92); }
.modern-nav-inner { width: min(1120px, 100%); margin: auto; display: flex; flex-wrap: wrap; justify-content: center; }

.modern-nav a:link, .modern-nav a:visited {
  padding: 13px 14px;
  color: #fff;
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
}

.modern-nav a:hover, .modern-nav a:focus, .modern-nav a[aria-current="page"] { color: #fff; background: var(--orange); }

/* Retain the original decorative elements and link lists in the document,
   while the accessible header above replaces their fixed-position layout. */
.titleimage, .contentxtra, body > .nav, body > .nav2 { display: none !important; }

body > .content,
body > .auto-style15 {
  position: static !important;
  inset: auto !important;
  width: min(1120px, calc(100% - 32px)) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 34px auto 56px !important;
  padding: clamp(24px, 4vw, 44px) !important;
  overflow-x: auto;
  color: var(--ink) !important;
  text-align: left;
  background: var(--paper) url('content.gif') top left/auto no-repeat !important;
  border: 1px solid var(--line) !important;
  border-top: 5px solid var(--orange) !important;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

body > .content > :first-child,
body > .auto-style15 > :first-child { margin-top: 0; }

.content p, .auto-style15 p { height: auto !important; }
.content font, .auto-style15 font { font-family: inherit; }
.content a:link, .content a:visited,
.auto-style15 a:link, .auto-style15 a:visited {
  color: var(--blue) !important;
  font-size: inherit !important;
  border: 0 !important;
}
.content a:hover, .content a:active,
.auto-style15 a:hover, .auto-style15 a:active { color: var(--orange-dark) !important; }
.content font[size="1"], .auto-style15 font[size="1"] { font-size: .8rem; }
.content font[size="2"], .auto-style15 font[size="2"] { font-size: .95rem; }
.content font[size="3"], .auto-style15 font[size="3"] { font-size: 1.08rem; }
.content font[size="4"], .auto-style15 font[size="4"] { font-size: 1.25rem; }
.content font[size="5"], .auto-style15 font[size="5"] { font-size: 1.6rem; }
.content font[color="#F44900"], .auto-style15 font[color="#F44900"] { color: var(--orange-dark); }
.content font[color="#0066CC"], .auto-style15 font[color="#0066CC"] { color: var(--blue); }

.content table, .auto-style15 table { max-width: 100%; margin: 18px auto; border-color: var(--line) !important; }
.content td, .content th, .auto-style15 td, .auto-style15 th { padding: 10px; }
.content td[bgcolor="#0000FF"], .auto-style15 td[bgcolor="#0000FF"] { background: #e8f1f7 !important; }
.content td[bgcolor="#F0850F"], .auto-style15 td[bgcolor="#F0850F"] { background: #fff0e8 !important; }
.content img, .auto-style15 img { vertical-align: middle; }
.content iframe, .auto-style15 iframe { max-width: 100%; border-radius: 8px; }
.content hr, .auto-style15 hr { border: 0; border-top: 1px solid var(--line); }

.modern-footer {
  padding: 28px 16px;
  color: #dce9f1;
  text-align: center;
  background: var(--navy);
  border-top: 5px solid var(--orange);
}

.modern-footer p { margin: 0; }
.modern-footer a:link, .modern-footer a:visited { color: #a8d9f7; }

@media (max-width: 700px) {
  .modern-masthead { width: min(100% - 24px, 1120px); padding: 34px 4px 28px; }
  .modern-nav { max-height: 238px; overflow-y: auto; }
  .modern-nav a:link, .modern-nav a:visited { flex: 1 0 50%; }
  body > .content, body > .auto-style15 { width: min(100% - 20px, 1120px) !important; margin: 20px auto 36px !important; padding: 22px 16px !important; }
}

@media print {
  .modern-nav, .modern-footer { display: none; }
  .modern-header { color: #000; background: #fff; border-bottom: 2px solid #000; }
  .modern-header h1, .modern-page-title, .modern-eyebrow { color: #000 !important; }
  body > .content, body > .auto-style15 { width: 100% !important; margin: 0 !important; border: 0 !important; box-shadow: none; }
}