/* Modern flexbox layout preserving legacy look */
html, body {
  height: 100%;
}
body {
  margin: 0;
  background: #000;
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

/* Legacy text classes kept for minimal visual change */
.contentText { font-weight: normal; color: #FFFFFF; font-size: 11px; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }
.contentText a { color: #FFFFFF; text-decoration: underline; }
.subTitleText { font-weight: bold; color: #FFFFFF; font-size: 13px; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* Page shell using flex */
.page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.header .nav-image {
  width: 624px;
  height: 110px;
}
.header .spacer-1px { width: 1px; background: #fff; }
.header .spacer-135 { width: 135px; }

.subheader {
  display: flex;
  flex-direction: row;
}

.main-row {
  display: flex;
  flex-direction: row;
  background: #444444;
}
.main-row .content {
  width: 624px;
  padding: 20px;
}
.main-row .gutter-1px { width: 1px; background: #fff; }
.main-row .right-col { width: 135px; }

.footer-line-1, .footer-line-2 {
  display: flex;
}

img.responsive { max-width: 100%; height: auto; }

/* Small helpers to mimic legacy spacing */
.hr { border-top: 1px solid #888; margin: 12px 0; }
.divider { text-align: center; }

/* Optional responsive tweak */
@media (max-width: 800px) {
  .header, .subheader, .main-row { flex-direction: column; }
  .header .spacer-135, .main-row .right-col { display: none; }
  .header .spacer-1px, .main-row .gutter-1px { display: none; }
  .main-row .content { width: auto; }
}

/* Accessibility helpers */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-nav a { color: #fff; text-decoration: underline; }