@import url('https://fonts.googleapis.com/css2?family=Verdana&display=swap');

*{margin:0;padding:0;box-sizing:border-box;}

body{
  font-family:Verdana,Geneva,sans-serif;
  font-size:13px;
  background-color:#ffffff;
  color:#000000;
  background-image:repeating-linear-gradient(
    135deg,
    rgba(0,0,128,0.03) 0px,
    rgba(0,0,128,0.03) 1px,
    transparent 1px,
    transparent 8px
  );
  background-attachment:fixed;
}

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

/* ── Header ── */
.site-header{
  width:761px;
  background: linear-gradient(180deg,#0a2a6e 0%,#1a4aae 40%,#2060cc 60%,#0a2a6e 100%);
  position:relative;
  overflow:hidden;
  border-bottom:3px solid #000080;
}
.header-photos{
  display:flex;
  height:110px;
  overflow:hidden;
  filter:grayscale(20%) sepia(30%);
}
.header-photo{
  flex:1;
  background-size:cover;
  background-position:center;
  opacity:0.7;
  mix-blend-mode:luminosity;
}

.header-logo{
  position:absolute;
  top:6px;left:8px;
  z-index:10;
}
.logo-text{
  font-size:22px;
  font-weight:bold;
  font-style:italic;
  color:#ffffff;
  text-shadow:2px 2px 4px rgba(0,0,0,0.8);
  line-height:1.15;
  letter-spacing:-0.5px;
}
.logo-text span{display:block;}
.logo-eagle{
  position:absolute;
  top:8px;left:170px;
  font-size:48px;
  opacity:0.15;
  color:#ffffff;
}

/* ── Nav bar ── */
.site-nav{
  background:#000080;
  width:761px;
  display:flex;
  align-items:center;
  height:28px;
  border-bottom:2px solid #ffcc00;
}
.site-nav a{
  color:#ffffff;
  font-size:11px;
  font-weight:bold;
  padding:0 10px;
  height:28px;
  line-height:28px;
  display:inline-block;
  text-decoration:none;
  border-right:1px solid rgba(255,255,255,0.2);
  white-space:nowrap;
}
.site-nav a:hover{background:#1a1ab8;color:#ffff88;}
.site-nav a.active{background:#003399;color:#ffcc00;}

/* ── Page wrapper ── */
.page-wrap{
  width:761px;
  margin:0 auto;
  padding:24px 28px 20px;
}

/* ── Section heading image replacement ── */
.section-title{
  font-size:15px;
  font-weight:bold;
  color:#000080;
  font-style:italic;
  text-decoration:underline;
  margin-bottom:14px;
  padding-bottom:4px;
  border-bottom:1px solid #000080;
  display:inline-block;
}

/* ── Body text ── */
.body-text{
  font-size:12px;
  color:#000080;
  line-height:1.65;
}
.body-text p{margin-bottom:10px;}
.body-text b{font-weight:bold;}
.body-text ul{margin-left:20px;margin-bottom:10px;}
.body-text li{margin-bottom:4px;}

/* ── Content card ── */
.content-card{
  background:#ffffff;
  border:1px solid #ccccdd;
  padding:18px 20px;
  margin-bottom:16px;
}

/* ── Services list ── */
.services-list{list-style:none;padding:0;}
.services-list li{margin-bottom:6px;}
.services-list li::before{content:'>>> ';color:#000080;font-weight:bold;}
.services-list a{font-size:12px;font-weight:bold;color:#000080;}

/* ── Contact table ── */
.contact-table{
  width:100%;
  border-collapse:collapse;
  font-size:11px;
}
.contact-table td{
  padding:3px 6px;
  vertical-align:middle;
}
.contact-section-title{
  font-size:12px;
  font-weight:bold;
  font-style:italic;
  text-decoration:underline;
  color:#000080;
  margin:14px 0 6px;
}
.contact-address td{font-size:11px;padding:1px 4px;}
.phone-col{color:#000080;font-weight:bold;text-align:center;}
.type-col{color:#000080;font-weight:bold;text-align:center;}

/* ── Footer ── */
.site-footer{
  font-size:11px;
  font-weight:bold;
  color:#333;
  margin-top:24px;
  padding-top:10px;
  border-top:1px solid #000080;
}

/* ── Horizontal rule ── */
hr.ngss{border:none;border-top:1px solid #aaaacc;margin:14px 0;}

/* ── Welcome image replacement ── */
.welcome-badge{
  display:inline-block;
  background:#000080;
  color:#ffffff;
  font-size:13px;
  font-weight:bold;
  font-style:italic;
  padding:4px 14px;
  margin-bottom:12px;
  letter-spacing:1px;
}

/* Hide unused CSS header elements */
.site-header, .header-photos, .header-photo, .header-logo, .logo-text, .site-nav { display: none !important; }

/* Page container */
div[style*="width:761px"] { margin: 0 auto; }