*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f0f0f0;color:#555;font:12px/1.65 Arial,Tahoma,Verdana,sans-serif}a{color:#008dcf;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(960px,calc(100% - 32px));margin:0 auto}.site-header{height:100px;background:#f0f0f0}.header-wrap{height:100px;display:flex;align-items:flex-start;justify-content:space-between}.logo img{width:310px;height:110px;object-fit:contain;object-position:left top}.site-search{margin-top:28px;display:flex}.site-search input{width:220px;border:1px solid #c8c8c8;padding:8px 9px;font-size:12px;background:white}.site-search button{border:0;background:#008dcf;color:#fff;padding:8px 12px;cursor:pointer}.nav{background:#333 url('../images/nav.png') repeat-x 0 0;min-height:45px;border-bottom:1px solid #222}.nav .wrap{display:flex;align-items:stretch}.menu{display:flex;list-style:none;margin:0;padding:0;flex:1}.menu li{border-right:1px solid rgba(255,255,255,.08)}.menu a{display:block;padding:12px 13px 11px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:12px;text-transform:uppercase;white-space:nowrap}.menu a:hover,.menu a.active{background:url('../images/navhov.png') repeat-x;color:#fff;text-decoration:none}.nav-date{margin-left:auto;padding:12px 0 11px 12px;color:#bbb;white-space:nowrap;font-family:Georgia,'Times New Roman',serif}.home-hero-bg{background:#ddd url('../images/home-top.png') repeat-x}.home-hero{min-height:300px;background:url('../images/home-top-wrap.png') center top no-repeat}.hero-grid{display:grid;grid-template-columns:320px 600px;gap:40px;padding-top:32px}.hero-copy{padding:18px 22px;color:#fff}.hero-copy h1{font:normal 24px/1.15 Georgia,serif;color:#fff;margin:0 0 14px}.hero-copy p{margin:0;color:#fff}.slider{position:relative;width:600px;height:235px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.25)}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}.slide.active{opacity:1}.dots{position:absolute;right:12px;bottom:10px;display:flex;gap:6px}.dot{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:rgba(0,0,0,.35);padding:0}.dot.active{background:#fff}.home-middle{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:28px 0 34px}.home-card h2{font:normal 18px/1.2 Georgia,serif;color:#333;margin:0 0 12px}.home-card p{margin:0}.inner{padding:30px 0}.content-sidebar{display:grid;grid-template-columns:minmax(0,650px) 250px;gap:38px}.content{background:#fff;padding:28px 30px;box-shadow:0 1px 2px rgba(0,0,0,.08)}.content h1{font:normal 28px/1.2 Georgia,serif;color:#333;margin:0 0 22px}.content h2{font:normal 20px/1.25 Georgia,serif;color:#333}.content h3{font:normal 17px/1.3 Georgia,serif;color:#333}.content p{margin:0 0 16px}.content ul,.content ol{margin:0 0 16px 20px}.sidebar .widget{background:#fff;margin-bottom:18px;padding:18px;border-top:4px solid #008dcf}.sidebar h2{font:normal 18px/1.2 Georgia,serif;color:#333;margin:0 0 10px}.sidebar p{margin:0 0 12px}.site-footer{border-top:12px solid transparent;border-image:url('../images/footer-top.png') 12 repeat;background:#333;color:#aaa;padding:22px 0}.footer-wrap{display:flex;justify-content:space-between;gap:20px}.site-footer a{color:#ddd}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label{font-weight:bold;color:#444}.field input,.field select,.field textarea{width:100%;padding:9px;border:1px solid #c8c8c8;background:#fff;font:inherit}.field textarea{min-height:120px}.button{display:inline-block;border:0;background:#008dcf;color:#fff!important;padding:9px 16px;cursor:pointer;font-weight:bold}.form-note{font-size:11px;color:#777}.downloads li{margin-bottom:10px}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.notice{padding:12px 14px;background:#fffbe8;border:1px solid #e8ddb0;margin-bottom:18px}.search-results article{border-bottom:1px solid #ddd;padding:14px 0}.search-results h2{margin:0 0 4px;font-size:18px}.muted{color:#888}.not-found{text-align:center;padding:60px 20px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:18px}.slider{width:100%;height:auto;aspect-ratio:600/235}.home-hero{background-size:cover;padding-bottom:26px}.hero-copy{max-width:600px}.content-sidebar{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-middle{grid-template-columns:1fr}.nav .wrap{display:block}.menu{overflow-x:auto}.nav-date{display:none}.site-header{height:auto}.header-wrap{min-height:100px}.two-col{grid-template-columns:1fr}}@media(max-width:600px){.wrap{width:min(100% - 22px,960px)}.header-wrap{align-items:center}.logo img{width:220px;height:auto}.site-search{display:none}.menu a{padding:12px 10px;font-size:11px}.hero-grid{padding-top:18px}.hero-copy{padding:15px}.content{padding:22px 18px}.sidebar{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.footer-wrap{display:block}.footer-wrap>div+div{margin-top:8px}}
/* Reference-theme corrections (Sept. 19, 2026) */
/* The outer nav is transparent; only the centered 960px wrapper carries the dark bar. */
.nav{
  background:transparent;
  min-height:45px;
  border-bottom:0;
  color:#eee;
}
.nav .wrap{
  height:45px;
  background:#333 url('../images/nav.png') repeat-x 0 0;
  border-radius:10px 10px 0 0;
  overflow:hidden;
  display:flex;
  align-items:stretch;
}
.menu{
  flex:1;
  padding-left:10px;
}
.menu li{
  border-right:0;
}
.menu a{
  padding:13px 17px 12px 15px;
  color:#eee;
  font-family:Arial,Tahoma,Verdana,sans-serif;
  font-size:12px;
  font-weight:normal;
  text-transform:none;
  text-shadow:#000 1px 1px;
  background:url('../images/navline.png') no-repeat right center;
}
.menu a:hover,
.menu a:active,
.menu a.active{
  background:url('../images/navhov.png') repeat-x top;
  color:#333;
  text-shadow:#fff 1px 1px;
  text-decoration:none;
}
.nav-date{
  margin-left:auto;
  padding:13px 25px 12px 12px;
  color:#eee;
  white-space:nowrap;
  font-family:Arial,Tahoma,Verdana,sans-serif;
  font-size:12px;
  text-shadow:#000 1px 1px;
}

/* Page and section titles use the original sans-serif theme typography. */
.hero-copy h1,
.home-card h2,
.content h1,
.content h2,
.content h3,
.sidebar h2,
.search-results h2{
  font-family:Arial,Tahoma,Verdana,sans-serif;
}
.content h1{
  font-size:20px;
  line-height:1.3;
  font-weight:normal;
  border-bottom:1px dotted #ccc;
  margin:0 0 10px;
  padding:0 0 5px;
}
.content h2{
  font-size:18px;
  font-weight:normal;
  border-bottom:1px dotted #ccc;
  margin:0 0 10px;
  padding:0 0 5px;
}
.content h3{
  font-size:16px;
  font-weight:normal;
}

/* Restore the light/transparent footer from the original site; no black strip. */
.site-footer{
  border-top:0;
  border-image:none;
  background:transparent;
  color:#666;
  padding:15px 0;
  font-size:11px;
  text-shadow:#fff 1px 1px;
  text-transform:uppercase;
}
.site-footer a{
  color:#666;
}
.site-footer a:hover{
  color:#008dcf;
}
.footer-wrap{
  width:min(950px,calc(100% - 32px));
}

@media(max-width:900px){
  .nav .wrap{
    height:auto;
    min-height:45px;
    display:block;
    overflow:visible;
  }
  .menu{
    padding-left:0;
  }
}
.footer-wrap{
  display:grid;
  grid-template-columns:200px 1fr auto;
  align-items:center;
  gap:20px;
}
.footer-privacy{text-align:center}
.footer-copy{text-align:right}
@media(max-width:700px){
  .footer-wrap{display:block;text-align:left}
  .footer-privacy,.footer-copy{text-align:left;margin-top:6px}
}

/* Visual refinement: compact nav, more logo clearance, centered home gray band */
@media (min-width:901px){
  .site-header,
  .header-wrap{
    height:116px;
  }
  .logo img{
    width:300px;
    height:104px;
  }
  .site-search{
    margin-top:30px;
  }
  .nav{
    min-height:40px;
    margin-top:4px;
  }
  .nav .wrap{
    height:40px;
    min-height:40px;
    border-radius:9px 9px 0 0;
  }
  .menu{
    padding-left:8px;
  }
  .menu a{
    padding:10px 14px 9px 13px;
    font-size:11.5px;
    line-height:21px;
  }
  .nav-date{
    padding:10px 22px 9px 10px;
    font-size:11.5px;
    line-height:21px;
  }

  /* Intentional enhancement from the old WordPress presentation:
     keep the home gray/hero background aligned to the centered navigation width. */
  .home-hero-bg{
    width:min(960px,calc(100% - 32px));
    margin:0 auto;
    overflow:hidden;
  }
  .home-hero-bg .home-hero{
    width:100%;
  }
  .home-hero-bg .wrap{
    width:100%;
  }
}

/* Refinement v4: inner pages meet navigation and sidebar client boxes touch */
.inner{
  padding-top:0;
  padding-bottom:30px;
}
.sidebar{
  gap:0;
}
.sidebar .widget{
  margin-bottom:0;
}
@media(max-width:900px){
  .sidebar{
    gap:0;
  }
}
