html, body { margin: 0; padding: 0; background: #f3f5f8; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
body { line-height: 1.55; }
a { color: #244d90; text-decoration: none; }
a:hover { color: #e48f0d; text-decoration: underline; }
table { border-collapse: collapse; }
.page { width: 779px; margin: 0 auto 30px; background: #fff; border-left: 1px solid #a5a6a5; border-right: 1px solid #a5a6a5; box-shadow: 0 1px 6px rgba(0,0,0,.08); }
.topline { height: 28px; text-align: right; color: #667; font-size: 11px; padding-right: 28px; }
.topline a { color: #566; }
.brand-row { height: 78px; }
.logo-cell { width: 226px; text-align: center; vertical-align: bottom; }
.meta-cell { width: 553px; vertical-align: top; }
.clock { margin-top: 17px; color: #566; }
.weather-strip { width: 180px; height: 25px; border: 1px solid #c7d6e9; background: #f2f7fb; color: #244d90; text-align: center; font-size: 11px; }
.main-nav { height: 27px; background: #f6f6f6; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #a5a6a5; }
.main-nav a { display: block; width: 90px; height: 27px; line-height: 27px; text-align: center; color: #244d90; font-weight: bold; background: linear-gradient(#ffffff,#e7efe6); border-right: 1px solid #d0d7cf; }
.main-nav a.active, .main-nav a:hover { color: #fff; background: #2d6a22; text-decoration: none; }
.section-bar { height: 24px; color: #fff; background: #2d6a22; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.section-bar.orange { background: #e48f0d; }
.section-bar a, .section-bar span { color: #fff; margin: 0 12px; }
.section-bar .inner { padding-top: 3px; padding-left: 48px; white-space: nowrap; }
.hero { height: 128px; background: #244d90; border-bottom: 1px solid #a5a6a5; }
.hero img { display: block; width: 768px; height: 128px; object-fit: cover; }
.content { padding: 25px 58px 42px; }
.content h1 { margin: 0 0 15px; color: #244d90; font-size: 22px; line-height: 1.2; }
.content h2 { margin: 24px 0 10px; color: #2d6a22; font-size: 15px; border-bottom: 1px solid #d8e2d5; padding-bottom: 5px; }
.content h3 { margin: 14px 0 6px; color: #244d90; font-size: 13px; }
.intro { color: #46515c; font-size: 13px; }
.two-col { width: 100%; }
.two-col td { vertical-align: top; }
.side-photo { width: 203px; padding-right: 26px; }
.side-photo img { width: 203px; height: 262px; object-fit: cover; border: 1px solid #a5a6a5; background: #f4f6fc; }
.signature { text-align: right; margin-top: 16px; color: #244d90; font-family: Georgia, serif; font-size: 18px; }
.quick-grid { width: 100%; margin-top: 24px; }
.quick-grid td { width: 33.33%; padding: 0 8px 12px; vertical-align: top; }
.info-box { min-height: 104px; border: 1px solid #d2d9e3; background: #f8fbff; padding: 12px; }
.info-box h3 { margin-top: 0; }
.button { display: inline-block; margin-top: 8px; padding: 4px 12px; color: #fff; background: #244d90; border: 1px solid #173b73; font-size: 11px; }
.button:hover { color: #fff; background: #e48f0d; text-decoration: none; border-color: #c97900; }
.service-list { width: 100%; margin-top: 10px; }
.service-list td { width: 50%; padding: 9px; vertical-align: top; }
.service-card { border: 1px solid #d2d9e3; background: #fbfcff; min-height: 118px; padding: 12px; }
.service-card img { float: left; width: 54px; height: 54px; margin: 0 12px 8px 0; }
.news-table { width: 100%; margin-top: 16px; border-top: 1px solid #f4ca49; border-left: 1px solid #f4ca49; }
.news-table th { height: 28px; background: #f4ca49; color: #5b4100; font-size: 11px; }
.news-table td { height: 30px; background: #f4f6fc; border-right: 1px solid #f4ca49; border-bottom: 1px solid #f4ca49; padding: 0 8px; }
.news-table .num, .news-table .date, .news-table .source { text-align: center; white-space: nowrap; }
.article-meta { margin: 0 0 18px; padding: 8px 12px; background: #f4f6fc; border-top: 1px solid #f4ca49; border-bottom: 1px solid #f4ca49; color: #606a76; }
.article-body { font-size: 13px; color: #3b4650; }
.pager { text-align: center; margin-top: 24px; }
.footer { text-align: center; color: #667; border-top: 1px solid #a5a6a5; padding: 18px 0 22px; font-size: 11px; }
.footer a { color: #244d90; }
.contact-table { width: 100%; margin-top: 18px; border: 1px solid #d2d9e3; }
.contact-table th { width: 145px; text-align: left; color: #244d90; background: #f4f6fc; padding: 9px 12px; border-bottom: 1px solid #d2d9e3; }
.contact-table td { padding: 9px 12px; border-bottom: 1px solid #d2d9e3; }
.map-box { margin-top: 18px; border: 1px solid #a5a6a5; background: #eef3ed; padding: 12px; }
.map-box img { display: block; width: 100%; max-height: 190px; object-fit: cover; }
@media (max-width: 820px) {
  .page { width: 100%; border-left: 0; border-right: 0; }
  .content { padding: 20px 18px 34px; }
  .logo-cell, .meta-cell { display: block; width: 100%; text-align: center; }
  .topline { text-align: center; padding-right: 0; }
  .main-nav table, .main-nav tbody, .main-nav tr, .main-nav td { display: block; width: 100%; }
  .main-nav { height: auto; }
  .main-nav a { width: auto; border-bottom: 1px solid #d0d7cf; }
  .hero, .hero img { width: 100%; height: auto; min-height: 112px; }
  .two-col td, .quick-grid td, .service-list td { display: block; width: auto; padding-left: 0; padding-right: 0; }
  .side-photo { padding: 0 0 18px; }
}