/* CIAMSS Header System v1.6
   One shared header and navigation component for every CIAMSS page.
   The page content may change, but this component must remain identical.
*/

:root {
  --ciamss-nav-top: #123f6a;
  --ciamss-nav-mid: #0b3158;
  --ciamss-nav-bottom: #061f3d;
  --ciamss-nav-text: #ffffff;
  --ciamss-nav-accent: #f3d89a;
  --ciamss-nav-border: rgba(255,255,255,.18);
}

.ciamss-site-header {
  width: 100%;
  margin: 0 auto;
  padding: 10px 0 0;
  background: transparent;
  text-align: center;
  overflow: visible;
}

.ciamss-logo {
  display: inline-block;
  margin: 0 auto 24px;
}

.ciamss-logo img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.ciamss-primary-navigation {
  position: relative;
  z-index: 1000;
  width: 780px;
  max-width: 100%;
  min-height: 42px;
  margin: 0 auto 24px;
  text-align: center;
  overflow: visible;
}

.ciamss-primary-navigation #MyMenu1 {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  text-align: left !important;
  white-space: nowrap !important;
}

/* Main navigation generated by MyMenu1.js. */
.mn898CMainMenuDIV {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 8px !important;
  background: linear-gradient(180deg,
    var(--ciamss-nav-top) 0%,
    var(--ciamss-nav-mid) 52%,
    var(--ciamss-nav-bottom) 100%) !important;
  background-image: linear-gradient(180deg,
    var(--ciamss-nav-top) 0%,
    var(--ciamss-nav-mid) 52%,
    var(--ciamss-nav-bottom) 100%) !important;
  border: 1px solid rgba(2,28,87,.72) !important;
  border-radius: 7px !important;
  box-shadow: 0 7px 16px rgba(2,28,87,.22), inset 0 1px 0 var(--ciamss-nav-border) !important;
  overflow: visible !important;
}

.mn898CMainMenuDIV > table {
  width: auto !important;
  margin: 0 auto !important;
}

.mn898CMainMenuItemTD,
.mn898CMainMenuItemSelectedTD,
.mn898CMainMenuItemHoveredTD {
  padding: 11px 10px !important;
  border-radius: 0 !important;
  transition: background-color .18s ease, box-shadow .18s ease !important;
}

.mn898CMainMenuItemTD,
.mn898CMainMenuItemSelectedTD {
  background: transparent !important;
  background-image: none !important;
}

.mn898CMainMenuItemHoveredTD {
  background: rgba(255,255,255,.12) !important;
  background-image: none !important;
  box-shadow: inset 0 -3px 0 var(--ciamss-nav-accent) !important;
}

.mn898CMainMenuItemTD .mn898CTitleTD,
.mn898CMainMenuItemTD .mn898CIconTD,
.mn898CMainMenuItemTD .mn898CArrowTD,
.mn898CMainMenuItemSelectedTD .mn898CTitleTD,
.mn898CMainMenuItemSelectedTD .mn898CIconTD,
.mn898CMainMenuItemSelectedTD .mn898CArrowTD,
.mn898CMainMenuItemHoveredTD .mn898CTitleTD,
.mn898CMainMenuItemHoveredTD .mn898CIconTD,
.mn898CMainMenuItemHoveredTD .mn898CArrowTD {
  color: var(--ciamss-nav-text) !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.25) !important;
}

.mn898CIconTD,
.mn898CArrowTD,
.mn898CTitleTD {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
}

.mn898CIconTD font {
  padding-left: 1px !important;
  padding-right: 5px !important;
}

.mn898CArrowTD font {
  padding-left: 4px !important;
}

.mn898CSeparatorVerticalTD {
  background: rgba(255,255,255,.16) !important;
  background-image: none !important;
}

/* Existing dropdown structure, refreshed appearance. */
.mn898CSubMenuDIV {
  box-sizing: border-box !important;
  min-width: 225px !important;
  padding: 7px !important;
  background: #fff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 9px !important;
  box-shadow: 0 14px 32px rgba(2,28,87,.22) !important;
  overflow: hidden !important;
}

.mn898CSubMenuItemTD,
.mn898CSubMenuItemHoveredTD,
.mn898CSubMenuItemSelectedTD,
.mn898CSubResDIV,
.mn898CSubResDIV:hover {
  padding: 9px 11px !important;
  border-radius: 6px !important;
  background-image: none !important;
  transition: background-color .15s ease !important;
}

.mn898CSubMenuItemTD,
.mn898CSubMenuItemSelectedTD,
.mn898CSubResDIV {
  background: #fff !important;
}

.mn898CSubMenuItemHoveredTD,
.mn898CSubResDIV:hover {
  background: #edf3f8 !important;
}

.mn898CSubMenuItemTD .mn898CTitleTD,
.mn898CSubMenuItemTD .mn898CIconTD,
.mn898CSubMenuItemTD .mn898CArrowTD,
.mn898CSubMenuItemSelectedTD .mn898CTitleTD,
.mn898CSubMenuItemSelectedTD .mn898CIconTD,
.mn898CSubMenuItemSelectedTD .mn898CArrowTD,
.mn898CSubMenuItemHoveredTD .mn898CTitleTD,
.mn898CSubMenuItemHoveredTD .mn898CIconTD,
.mn898CSubMenuItemHoveredTD .mn898CArrowTD,
.mn898CSubResDIV,
.mn898CSubResDIV:hover {
  color: #123f6a !important;
  text-shadow: none !important;
}

.mn898CSubMenuItemHoveredTD .mn898CTitleTD,
.mn898CSubMenuItemHoveredTD .mn898CIconTD,
.mn898CSubMenuItemHoveredTD .mn898CArrowTD,
.mn898CSubResDIV:hover {
  color: #800000 !important;
}

.mn898CSeparatorHorizontalTD {
  background: transparent !important;
  border-top-color: #e2e8f0 !important;
}

.mn898CShdCmn {
  display: none !important;
}

/* Consistent separation between the shared header and page content. */
.ciamss-site-header + .hero,
.ciamss-site-header + main > .hero {
  margin-top: 24px !important;
}

@media (max-width: 820px) {
  .ciamss-site-header {
    padding-top: 8px;
  }

  .ciamss-logo {
    margin-bottom: 18px;
  }

  .ciamss-primary-navigation {
    width: 100%;
    margin-bottom: 20px;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .ciamss-primary-navigation #MyMenu1,
  .mn898CMainMenuDIV {
    min-width: 740px !important;
  }
}

@media print {
  .ciamss-primary-navigation {
    display: none;
  }
}

/* v1.3 consistency hardening */
.ciamss-site-header { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.ciamss-primary-navigation { width: 780px !important; max-width: calc(100vw - 32px) !important; }
.ciamss-primary-navigation #MyMenu1 { display:block !important; width:100% !important; }
.ciamss-primary-navigation .mn898CMainMenuDIV { display:block !important; width:100% !important; }
.ciamss-primary-navigation .mn898CMainMenuDIV > table { width:100% !important; table-layout:auto !important; }
.ciamss-primary-navigation .mn898CMainMenuItemTD,
.ciamss-primary-navigation .mn898CMainMenuItemSelectedTD,
.ciamss-primary-navigation .mn898CMainMenuItemHoveredTD { white-space:nowrap !important; }

/* v1.4: provide clear breathing room between each menu icon and label. */
.ciamss-primary-navigation .mn898CIconTD {
  padding-right: 6px !important;
}

.ciamss-primary-navigation .mn898CSubMenuDIV .mn898CIconTD {
  padding-right: 8px !important;
}

/* v1.5: target the exact APNSoft submenu table structure.
   The generator resets all icon/title cells to padding:0, so both the
   icon cell and the following title cell receive explicit spacing here. */
.ciamss-primary-navigation .mn898CSubMenuDIV .mn898CSubMenuItemTD > table > tbody > tr > .mn898CIconTD,
.ciamss-primary-navigation .mn898CSubMenuDIV .mn898CSubMenuItemHoveredTD > table > tbody > tr > .mn898CIconTD,
.ciamss-primary-navigation .mn898CSubMenuDIV .mn898CSubMenuItemSelectedTD > table > tbody > tr > .mn898CIconTD {
  box-sizing: content-box !important;
  width: 16px !important;
  min-width: 16px !important;
  padding: 0 10px 0 2px !important;
}

.ciamss-primary-navigation .mn898CSubMenuDIV .mn898CSubMenuItemTD > table > tbody > tr > .mn898CTitleTD,
.ciamss-primary-navigation .mn898CSubMenuDIV .mn898CSubMenuItemHoveredTD > table > tbody > tr > .mn898CTitleTD,
.ciamss-primary-navigation .mn898CSubMenuDIV .mn898CSubMenuItemSelectedTD > table > tbody > tr > .mn898CTitleTD {
  padding-left: 2px !important;
}

.ciamss-primary-navigation .mn898CSubMenuDIV .mn898CIconTD > .MG_Icons {
  display: block !important;
  width: 16px !important;
  text-align: center !important;
}


/* v1.6: submenu panels are injected directly into <body> by MyMenu1.js,
   not inside .ciamss-primary-navigation. These global selectors therefore
   target the real generated child-menu cells wherever the script places them. */
.mn898CSubMenuDIV td.mn898CIconTD {
  box-sizing: content-box !important;
  width: 17px !important;
  min-width: 17px !important;
  padding: 0 10px 0 2px !important;
  text-align: center !important;
}

.mn898CSubMenuDIV td.mn898CTitleTD {
  padding-left: 4px !important;
}

.mn898CSubMenuDIV td.mn898CIconTD > .MG_Icons,
.mn898CSubMenuDIV td.mn898CIconTD > font.MG_Icons {
  display: block !important;
  width: 17px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}