/* /css/site.css
   NECPWA – shared stylesheet to restore Freeway layout + dropdown menus
   Works even if pages swap fwNav1/fwNav2 usage.
*/

/* -----------------------------
   Base / resets
------------------------------*/
html { height: 100%; }
body { margin: 0; background-color: #f0f0f0; height: 100%; }
form { margin: 0; }
body > form { height: 100%; }

img { margin: 0; border: 0; border-style: none; }
button { margin: 0; border-style: none; padding: 0; background: transparent; vertical-align: top; }
table { empty-cells: hide; }

.f-sp { font-size: 1px; visibility: hidden; }
.f-lp { margin-bottom: 0; }
.f-fp { margin-top: 0; }
.f-x1 { }
.f-x2 { }
.f-x3 { }

.Mainbody { font-family: Verdana, Arial, Helvetica, sans-serif; }

a:link { color: #7e1516; text-decoration: underline; }
a:visited { color: #7e1516; text-decoration: underline; }
a:hover { color: #ba211f; text-decoration: underline; }
a:active { color: #7e1516; text-decoration: underline; }

em { font-style: italic; }
strong { font-weight: bold; }
h1 { font-size: 18px; }
h1:first-child { margin-top: 0; }

/* -----------------------------
   Freeway “style*” classes (compat)
------------------------------*/
.style3 { text-align: center; }
.style12 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.style14 { color: #808080; font-family: Georgia, Palatino, Times, serif; font-weight: bold; font-size: 28px; text-align: center; }
.style13 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; }
.style18 { color: #808080; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px; }
.style8 { color: #808080; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.style6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.style33 { color: #808080; font-weight: bold; text-decoration: underline; margin-right: 16.45px; text-align: center; }
.style30 { color: #808080; margin-right: 16.45px; text-align: center; }
.style34 { color: #808080; margin-right: 16.45px; text-align: center; }
.style4 { color: #f00; }

/* -----------------------------
   Layout wrapper
------------------------------*/
#PageDiv {
  position: relative;
  max-width: 960px;
  min-height: 100%;
  margin: 0 auto;
}

/* ==========================================================================
   UNIVERSAL FREEWAY NAV FIX
   Your pages use BOTH fwNav1 and fwNav2 inconsistently.
   This section makes dropdowns work on either ID.
   ==========================================================================*/

/* Apply to both menus (in case one is top on some pages and bottom on others) */
#fwNav1, #fwNav2,
#fwNav1 ul, #fwNav2 ul,
#fwNav1 li, #fwNav2 li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ---- Horizontal top-level items for both menus ---- */
#fwNav1, #fwNav2 {
  display: block;
}

/* Top-level LI items */
#fwNav1 > li, #fwNav2 > li {
  float: left;
  position: relative;               /* anchor submenu */
  margin: 0;
  padding: 0;
  border-right: 1px dotted #808080;
}

/* Remove final separator if present */
#fwNav1 > li.fwLastChild, #fwNav2 > li.fwLastChild,
#fwNav1 > li:last-child,  #fwNav2 > li:last-child {
  border-right: 0;
}

/* Links */
#fwNav1 > li > a, #fwNav2 > li > a {
  display: block;
  padding: 3px 10px;
  height: 1%;
  white-space: nowrap;
  text-decoration: none;
}

/* Default colors per menu (matches your old look) */
#fwNav1 > li > a { color: #808080; background: #F0F0F0; }
#fwNav2 > li > a { color: #7E1516; background: url(/Resources/transparent.gif) repeat; }

/* Hover */
#fwNav1 > li:hover > a, #fwNav1 > li > a:hover, #fwNav1 > li > a:focus,
#fwNav2 > li:hover > a, #fwNav2 > li > a:hover, #fwNav2 > li > a:focus {
  color: #7E1516;
  text-decoration: none;
  background: url(/Resources/transparent.gif) repeat;
}

/* Current page */
#fwNav1 a.fwCurrent, #fwNav1 a.fwCurrent:hover,
#fwNav2 a.fwCurrent, #fwNav2 a.fwCurrent:hover {
  color: #7E1516;
  background: #F0F0F0;
}

/* ---- Dropdown behavior for BOTH menus ---- */
/* Any nested UL becomes an overlay dropdown (prevents inline broken rendering) */
#fwNav1 li ul, #fwNav2 li ul {
  display: none !important;
  position: absolute !important;
  left: 0 !important;
  top: 100% !important;
  z-index: 99999 !important;

  min-width: 180px;
  background: #F0F0F0;
  border: 1px solid rgba(0,0,0,0.2);
  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

/* Show dropdown on hover/focus */
#fwNav1 li:hover > ul, #fwNav1 li:focus-within > ul,
#fwNav2 li:hover > ul, #fwNav2 li:focus-within > ul {
  display: block !important;
}

/* Dropdown items */
#fwNav1 li ul li, #fwNav2 li ul li {
  float: none !important;
  width: 100% !important;
  border: 0 !important;
}

/* Dropdown links (Freeway-like) */
#fwNav1 li ul li a, #fwNav2 li ul li a {
  display: block !important;
  padding: 8px 12px !important;
  white-space: nowrap !important;
  background: #F0F0F0 !important;
  color: #0000FF !important;
  text-decoration: none !important;
}

#fwNav1 li ul li a:hover, #fwNav1 li ul li a:focus,
#fwNav2 li ul li a:hover, #fwNav2 li ul li a:focus {
  background: #808080 !important;
  color: #0000FF !important;
}

/* 3rd level flyout */
#fwNav1 li ul li, #fwNav2 li ul li { position: relative !important; }
#fwNav1 li ul li ul, #fwNav2 li ul li ul {
  left: 100% !important;
  top: 0 !important;
}

/* Clear floats after each menu so the layout below doesn't jump */
#fwNav1:after, #fwNav2:after {
  content: "";
  display: block;
  clear: both;
}