/* CSS Menus Styles v9.0 by Ron Craig*/
/* Written: 07 Feb 2021  Revised: 17 May 2024 */

/* # - id="" - can only be used 1nce per page
   . - class="" - can be used multiple times per page */
/*  The width & height properties do not include padding, border, & margin of the element  */

  /*  ----------------------------------------- New CSS Section ----------------------------------------- */

  #nav { z-index:500; }
  .blu-nav               { max-width:184px; margin:0 auto; /*position:relative;*/ z-index:500; } /* Unlock position:relative; for TE */
  .blu-nav ul            { width:184px; margin:0 auto; position:relative; border-top:8px solid #ccc; border-right:8px solid #636363; border-bottom:8px solid #636363; border-left:8px solid #ccc; font:italic bold 13px/28px cursive, sans-serif; }
  .blu-nav li.top        { border-top:1px solid #f0f; }
  .blu-nav li            { position:relative; width:168px; background:#00f; border:1px solid #f0f; border-width:0 1px 1px 1px; } /* Lockout position:relative; for TE */
  .blu-nav ul li.top     { margin:-1px 0 0 0; } /* Lockout - TE */
  .blu-nav li.htxt       { color:#ff0; text-align:center; background:#36f; }
  .blu-nav a             { max-width:166px; display:block; color:#fff; /*text-indent:5px;*/ text-align:center; }
  /*.blu-nav li a          { text-decoration:none; }*/
  .blu-nav a:visited     { color:#ff0; }
  .blu-nav :hover > a    { color:#0f0; background:#36f; }
  .blu-nav li:hover      { margin:-1px 0 0; border:1px solid #0f0; }
  .blu-nav li ul         { display:none; }
  .blu-nav :hover > ul   { height:250px; display:block; position:absolute; top:0; left:166px; border:0; z-index:510; } /* Unlock height:250px; Adjust left - TE */
  .blu-nav a.active      { color:#f00; background:#0f0; }

  /* ----------------------------------  Vertical Blue Top Equal Navigation  ------------------------ */

  .blute-nav             { width:184px; margin:0 auto; position:relative; z-index:500; }
  .blute-nav ul          { width:184px; margin:0 auto; /*border-top:8px solid #ccc;*/ border-right:8px solid #636363; border-bottom:8px solid #636363; border-left:8px solid #ccc; font:italic bold 13px/28px cursive, sans-serif; }
  .blute-nav li.top      { margin:-1px 0 0 0; border-top:1px solid #f0f;/*#151515;*/ }
  .blute-nav li          { background:#36f; border:1px solid #f0f;/*#151515;*/ border-width:0 1px 1px 1px; }
  .blute-nav ul ul li,
  .blute-nav ul ul li a  { color:#fff; text-align:left; /*text-indent:5px;*/ }
  .blute-nav li.htxt     { color:#ff0; text-align:center; background:#36f; }
  .blute-nav li:hover    { color:#ff0; font-weight:normal; /*margin:-1px 0 0; border:1px solid #0f0;*/ background:#00f; }
  /* .blute-nav li:hover, */
  .blute-nav li ul li:hover { margin:-1px 0 0; border:1px solid #0f0; }
  .blute-nav a           { max-width:166px; display:block; color:#fff; /*text-indent:5px;*/ text-align:center; }
  .blute-nav a:visited   { color:#f00; }
  .blute-nav :hover > a  { color:#ff0; background:#00f; }
  .blute-nav li ul       { display:none; border:0; }
  .blute-nav :hover > ul { height:500px; display:block; position:absolute; top:0; left:175px; z-index:510; }

  /* ---------------------------------  Vertical Blue Top Equal Navigation Test  ------------------- */

  .blute-tstNav             { width:170px; margin:0; padding:0; border-right:8px solid #636363; border-bottom:8px solid #636363; border-left:8px solid #ccc; position:relative; z-index:500; }
  .blute-tstNav ul          { width:170px; font:italic bold 12px/25px cursive, sans-serif; }
  .blute-tstNav li.top      { margin:-1px 0 0 0; border-top:1px solid #fff; }
  .blute-tstNav li          { background:#36f; border:1px solid #fff; border-width:0 1px 1px 1px; }
  .blute-tstNav ul ul li,
  .blute-tstNav ul ul li a  { color:#fff; text-align:left; /*text-indent:5px;*/ }
  .blute-tstNav li.htxt     { color:#ff0; text-align:center; background:#36f; }
  .blute-tstNav li:hover    { color:#ff0; font-weight:normal; background:#00f; }
  .blute-tstNav a           { max-width:168px; display:block; color:#fff; /*text-indent:5px;*/ text-align:center; }
  .blute-tstNav li a        { text-decoration:none; }
  .blute-tstNav a:visited   { color:#f00; }
  .blute-tstNav :hover > a  { color:#ff0; background:#00f; }
  .blute-tstNav li ul       { display:none; border:0; }
  .blute-tstNav :hover > ul { height:500px; border:0; display:block; position:absolute; top:0; left:169px; z-index:500; }

  /* ----------------------------------  Vertical Dark Navigation  ---------------------------------- */

  .drk-nav               { max-width:184px; margin:0 auto; /*position:relative;*/ z-index:500; } /* Unlock position:relative; for TE */
  .drk-nav ul            { width:184px; margin:0 auto; position:relative; border-top:8px solid #ccc; border-right:8px solid #636363; border-bottom:8px solid #636363; border-left:8px solid #ccc; font:italic bold 13px/28px cursive, sans-serif; }
  .drk-nav li.top        { border-top:1px solid #656565; }
  .drk-nav li            { position:relative; width:168px; background:#303030; border:1px solid #656565; border-width:0 1px 1px 1px; } /* Lockout position:relative; for TE */
  .drk-nav ul li.top     { margin:-1px 0 0 0; } /* Lockout - TE */
  .drk-nav li.htxt       { color:#ff0; text-align:center; background:#303030; }
  .drk-nav a             { max-width:166px; display:block; color:#fff; /*text-indent:5px;*/ text-align:center; }
  /*.drk-nav li a          { text-decoration:none; }*/
  .drk-nav a:visited     { color:#ff0; }
  .drk-nav :hover > a    { color:#0f0; background:#303030; }
  .drk-nav li:hover      { margin:-1px 0 0; border:1px solid #f0f; }
  .drk-nav li ul         { display:none; }
  .drk-nav :hover > ul   { height:250px; display:block; position:absolute; top:0; left:166px; border:0; z-index:510; } /* Unlock height:250px; Adjust left - TE */
  .drk-nav a.active      { color:#f00; background:#0f0; }

  /* ----------------------------------  Vertical Dark Top Equal Navigation  ------------------------ */

  .drkte-nav             { width:184px; margin:0 auto; position:relative; z-index:500; }
  .drkte-nav ul          { width:184px; margin:0 auto; /*border-top:8px solid #ccc;*/ border-right:8px solid #636363; border-bottom:8px solid #636363; border-left:8px solid #ccc; font:italic bold 13px/28px cursive, sans-serif; }
  .drkte-nav li.top      { margin:-1px 0 0 0; border-top:1px solid #656565;/*#151515;*/ }
  .drkte-nav li          { background:#303030; border:1px solid #656565;/*#151515;*/ border-width:0 1px 1px 1px; }
  .drkte-nav ul ul li,
  .drkte-nav ul ul li a  { color:#fff; text-align:left; /*text-indent:5px;*/ }
  .drkte-nav li.htxt     { color:#ff0; text-align:center; background:#303030; }
  .drkte-nav li:hover    { color:#ff0; font-weight:normal; /*margin:-1px 0 0; border:1px solid #0f0;*/ background:#303030; }
  /* .drkte-nav li:hover, */
  .drkte-nav li ul li:hover { margin:-1px 0 0; border:1px solid #f0f; }
  .drkte-nav a           { max-width:166px; display:block; color:#fff; /*text-indent:5px;*/ text-align:center; }
  .drkte-nav a:visited   { color:#f00; }
  .drkte-nav :hover > a  { color:#ff0; background:#303030; }
  .drkte-nav li ul       { display:none; border:0; }
  .drkte-nav :hover > ul { height:500px; display:block; position:absolute; top:0; left:175px; z-index:510; }

  /* ----------------------------------  Top Navigation Bar  ---------------------------------------- */

  /* CSS2 for 4 level multi-level horizontal menu */
  .mnhz-nav, .mnhz-nav ul { width:481px; margin:0 auto; padding:0; z-index:1000; text-align:center; font:italic bold 14px/26px cursive, sans-serif; }
  .mnhz-nav a         { width:159px; padding:0; text-decoration:none; display:block; color:#f91; text-align:center; /*opacity:0.9; filter:alpha(opacity=90);*/ }
  .mnhz-nav li a      { text-decoration:none; }
  .mnhz-nav a:visited { color:#f91; }
  .mnhz-nav a:hover   { color:#ff0; font-weight:normal; }
  .mnhz-nav li.top    { margin:0 0 0 -1px; border-top:1px solid #93f; }
  .mnhz-nav li        { width:159px; padding:0; float:left; border:1px solid #93f; border-width:0 1px 1px 1px; background:#303030; }
  .mnhz-nav li:hover  { background:#36f; }
  .mnhz-nav li ul     { width:159px; margin:0; position:absolute; left:-999em; background:#00f; }
  .mnhz-nav li ul li  { margin:0 0 0 -1px; }

  /* 4 level menus */
  .mnhz-nav li:hover ul ul, .mnhz-nav li:hover ul ul ul, .mnhz-nav li:hover ul ul ul ul { left:-999em; }
  .mnhz-nav li:hover ul, .mnhz-nav li li:hover ul, .mnhz-nav li li li:hover ul, .mnhz-nav li li li li:hover ul { left:auto; }

  /*  -------------------------------------- News Letters Table Menu -------------------------------------  */

  div.spce { height:30px; }
  .newsletters table      { margin:25px 0; }
  .newsletters tr         { line-height:50px; margin:20px 0; list-style:none; }
  .newsletters td         { width:300px; margin:0; padding:0; border:0; /*border:1px solid #151515;*/ }
  .newsletters th         { width:190px; margin:0 auto; font-size:40px; text-align:center; font-style:italic; /*border:1px solid #151515;*/ }
  .newsletters ul         { width:190px; margin:0 auto; padding:0; border:0; text-decoration:none; list-style:none; font:italic bold 25px/40px cursive, sans-serif; }
  .newsletters li         { margin:0 auto; padding:0; border:1px solid #151515; border-width:0 1px 1px 1px; background:#36f; }
  .newsletters li a       { max-width:190px; padding-top:5px; display:block; text-decoration:none; color:#fff; text-align:center; }
  .newsletters li.top     { border-top:1px solid #151515; }
  .newsletters li a:hover { width:188px; color:#fff; background:#00f; }
  .newsletters li a.na    { width:188px; color:#fff; background:#f33; }

  /*  ----------------------------------------- Past CSS Section ---------------------------------------- */

  #nav-year               { max-width:1250px; margin:0 auto; padding:0; border:0; }
  .past-nav               { max-width:850px; margin:0 auto; padding:0; list-style:none; /*position:relative;*/ z-index:500; /*position:relative; border-top:8px solid #ccc; border-right:8px solid #636363; border-bottom:8px solid #636363; border-left:8px solid #ccc;*/ } /* Unlock position:relative; for TE */
  .past-nav ul            { max-width:850px; margin:0 auto; padding:2px 0; list-style:none; display:inline-block; font:italic bold 20px/36px cursive, sans-serif; }
  .past-nav li.top        { border-top:1px solid #151515; }
  .past-nav li            { margin:0 0 0 4px; /*position:relative;*/ float:left; background:#00f; border:1px solid #151515; border-radius:8px; /*border-width:0 1px 1px 1px;*/ } /* Lockout position:relative; for TE */
  .past-nav ul li.top     { margin:-1px 0 0 0; } /* Lockout - TE */
  .past-nav li.htxt       { color:#ff0; text-align:center; background:#36f; }
  .past-nav a             { width:78px; display:block; text-decoration:none; color:#fff; /*text-indent:5px;*/ text-align:center; }
  .past-nav a:visited     { color:#ff0; }
  .past-nav :hover > a    { color:#0f0; border-radius:8px; background:#36f; }
  .past-nav li ul         { display:none; }
  .past-nav :hover > ul   { /*height:250px;*/ display:block; position:absolute; top:0; left:168px; } /* Unlock height:250px; Adjust left - TE */
  .past-nav a.active      { color:#f00; border-radius:8px; background:#0f0; }

  /* ----------------------------------  Horizontal 2 button Clock Navigation  ---------------------- */
  /* ----------------------------------  Page center clock  ----------------------------------------- */

 .hzClok.top     { width:250px; margin:20px auto 0; padding:10px 5px; border-radius:10px 10px 0 0; border:1px solid #151515; border-width:1px 1px 0; font:italic bold 2.4rem cursive,Arial,sans-serif; background-color:#303030; }
 .hzClok.bottom  { width:250px; margin:0 auto 20px; padding:1px 5px 0; color:#f91; border-radius:0 0 10px 10px; border:1px solid #151515; border-width:0 1px 1px; background-color:#303030; }
 .hzClok.bottom hr { width:80%; margin:0 auto; padding:1px; text-align:center; border-color:#f91; background:#f91; }
 .hzClok.bottom ul { width:100%; margin:0 0 10px; padding:10px 0 0; border:0; font-size:16px; font-style:italic; font-weight:bold; display:flex; justify-content:space-evenly; list-style-type:none; }
 .hzClok.bottom li { width:78px; height:34px; margin:0; padding:0; border:1px solid #151515; border-radius:5px; background-color:#303030; }
 .hzClok.bottom a  { width:100%; margin:0; padding:5px 0; display:block; text-decoration:none; color:#ff9911; text-align:center; }
 .hzClok.bottom li a { text-decoration:none; }
 .hzClok.bottom a:hover,
 .hzClok.bottom a.current { color:#ffff00; border-radius:5px; background-color:#000000; }

  /* ----------------------------------  Horizontal Nav Bar Slide Show N5BNO.com  ------------------- */

  .ssnav { width:392px; height:30px; margin:0 auto 40px; position:relative; z-index:9; /*background:#151515;*/ }
  .ssnav ul { padding:0; margin:0; list-style:none; font:italic bold 14px/30px Arial, sans-serif; /*"cursive, sans-serif;*/ }
  .ssnav a { font-weight:bold; font-style:italic; }
  .ssnav ul li { width:130px; float:left; /*border-left:1px solid #151515;*/ text-align:center; }
  .ssnav ul li ul li { width:78px; /*border-top:1px solid #151515;*/ background:#303030; }
  .ssnav li.top { border-top:1px solid #151515; }
  .ssnav li { border:1px solid #151515; border-width:0 1px 1px 1px; }
  .ssnav ul li a, .ssnav ul li a:visited { height:30px; padding:0 0 0 5px; display:block; text-decoration:none; color:#f91; background:#303030; }

  .ssnav ul li ul { width:390px; margin:0 auto; visibility:hidden; position:absolute; top:32px; left:0; }

  .ssnav ul li:hover a,
  .ssnav ul li a:hover { color:#f91; background:#00f; }

  .ssnav ul li:hover ul,
  .ssnav ul li a:hover ul { visibility:visible; color:#f91; background:#303030; }

  .ssnav ul li:hover ul.right_side li,
  .ssnav ul li a:hover ul.right_side li { float:right; border:0; border-left:1px solid #eee; }

  .ssnav ul li:hover ul.left_side li,
  .ssnav ul li a:hover ul.left_side li { float:left; border:0; border-left:1px solid #eee; }

  .ssnav ul li:hover ul li a.sub,
  .ssnav ul li a:hover ul li a.sub { color:#fff; background:#bd8d5e; }

  .ssnav ul li:hover ul li ul,
  .ssnav ul li a:hover ul li a ul { visibility:hidden; position:absolute; left:0; top:30px; }

  .ssnav ul li:hover ul li a,
  .ssnav ul li a:hover ul li a { display:block; color:#f91; background:#303030; }

  .ssnav ul li:hover ul li a:hover,
  .ssnav ul li a:hover ul li a:hover { color:#f91; background:#00f; }
  /*.ssnav ul li:hover ul li a:hover.sped,
  .ssnav ul li a:hover ul li a:hover.sped { background:#303030; }*/

  .ssnav ul li:hover ul li:hover ul,
  .ssnav ul li a:hover ul li a:hover ul { visibility:visible; color:#f91; background:#303030; }

  .ssnav ul li:hover ul.right li { float:right; }

  .ssnav ul li:hover ul li:hover ul li a,
  .ssnav ul li a:hover ul li a:hover ul li a,
  .ssnav ul li:hover ul li:hover ul li a:hover,
  .ssnav ul li a:hover ul li a:hover ul li a:hover { color:#f91; background:#303030; }

  .vss-nav    { width:130px; z-index:500; }
  /* Unlock position:relative; for TE */
  .vss-nav ul { width:130px; margin:0; padding:0; list-style:none; position:relative; font:italic bold 12px/25px cursive, sans-serif; }
  .vss-nav li { position:relative; background:#303030; border:1px solid #151515; border-width:0 1px 1px 1px; } /* Lockout position:relative; for TE */
  .vss-nav ul li ul li,
  .vss-nav ul li ul li a { width:80px; }
  .vss-nav li.top      { border-top:1px solid #151515; }
  .vss-nav ul li.top   { margin:-53px 0 0 0; } /* Lockout - TE */
  .vss-nav a           { width:128px; display:block; color:#f91; /*text-indent:5px;*/ text-align:center; }
  .vss-nav a:visited   { color:#f00; }
  .vss-nav :hover > a  { color:#ff0; background:#00f; }
  .vss-nav li ul       { display:none; }
  .vss-nav :hover > ul { height:250px; display:block; position:absolute; top:0; left:128px; } /* Unlock height:250px; Adjust left - TE */

  /*  EOF  */