
*{box-sizing:border-box}
body{margin:0;background:#000;font-family:Arial,Helvetica,sans-serif;color:#000}
a{color:#3686ff;text-decoration:none}
a:hover{color:#000;text-decoration:underline}
.outer-wrap{max-width:1030px;margin:0 auto;background:#fff}
.limit,#wrap{max-width:980px;margin:0 auto}
#topnav{background:#eee;border-bottom:1px solid #ccc}
.nav,.catnav{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.nav li,.catnav li{margin:0}
.nav a,.catnav a{display:block;padding:10px 13px;color:#003366;font-weight:bold;font-size:11pt}
.nav a:hover{color:#000}
#header{padding:18px 0;background:#fff}
#head-content{display:flex;align-items:center;justify-content:space-between;gap:20px}
#logo .logo-text{font-family:Cambria,Georgia,serif;font-size:48px;color:#000033;line-height:1}
#logo .tagline{font-size:13px;color:#666}
.head-banner468{width:468px;max-width:100%;height:60px;background:#f2f2f2;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;color:#777}
#catnav{background:#fff;border-top:1px solid #ddd;border-bottom:4px solid #000}
.catnav a:hover{background:#000;color:#fff;text-decoration:none}
.search{margin-left:auto;padding:6px}
.search input[type=text]{padding:6px;border:1px solid #bbb}
.search input[type=submit]{padding:6px 10px;background:#003366;color:#fff;border:0}
#page{padding:18px 0}
.page-border{display:grid;grid-template-columns:660px 300px;gap:20px}
#contentleft{min-width:0}
.featured{border:1px solid #ccc;background:#f8f8f8;margin-bottom:18px}
.featured h2,.feat-title{font-family:Cambria,Georgia,serif;font-weight:normal;margin:0;padding:10px;background:#eee;color:#000033;border-bottom:1px solid #ddd}
.slide-container{padding:14px;display:grid;grid-template-columns:260px 1fr;gap:14px}
.feature-image img,.thumbnail{background:#ddd;border:1px solid #ccc;object-fit:cover}
.feature-image img{width:260px;height:150px}
.thumbnail{width:150px;height:150px;float:left;margin:0 12px 8px 0}
.post{border-bottom:1px solid #ddd;padding:14px 0}
.post-title{font-family:Cambria,Georgia,serif;font-weight:normal;color:#000033;margin:0 0 8px;font-size:22px}
.post-title a{color:#000033!important}
.meta{font-size:12px;color:#777;margin-bottom:8px}
.readmore .more-link,.more-link{display:inline-block;background:#003366;color:#fff!important;padding:7px 10px;margin-top:5px}
.cats-by-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sidebar-box{border:1px solid #ddd;background:#f8f8f8;margin-bottom:18px;padding:12px}
.sidebar-box h3{font-family:Cambria,Georgia,serif;margin-top:0;color:#000033}
.article{background:#fff;padding:22px;border:1px solid #ddd}
.article h1{font-family:Cambria,Georgia,serif;font-weight:normal;color:#000033;font-size:34px;margin:0 0 10px}
.article img.hero-img{width:100%;max-height:310px;object-fit:cover;border:1px solid #ccc;margin:12px 0}
.article h2{font-family:Cambria,Georgia,serif;font-weight:normal;color:#000033}
.notice{background:#fff9d7;border:1px solid #d8c970;padding:12px;font-size:12px;margin:12px 0}
#footer{color:#aaa;text-align:center;border-top:1px solid #333;padding:18px;background:#111;font-size:8pt}
.clearfix:after{content:"";display:block;clear:both}
@media(max-width:900px){
.outer-wrap{width:100%}.limit,#wrap{padding:0 12px}.page-border,.cats-by-2,.slide-container{display:block}
#head-content{display:block}.head-banner468{margin-top:15px}.nav,.catnav{display:block}.search{margin-left:0}
}
