/* May need fixing - fix to add bottom border */
@media (max-width: 767px) {
  #nav { height: 55px; }
  #nav_text { width: 100%; background-color: #000000; position:relative; z-index: 1000 !important;  }
  #nav_text ul { width: 100%; list-style: none; padding: 10px; margin: 0; background-color: #000000; z-index: 1001 !important; }
  #nav_text ul li { width: 100%; list-style: none; padding: 8px; }

  #nav_text ul li a { display: block; width: 100%; padding: 5px 0; color: #FFFFFF; font-size: 16px; border-bottom: 1px dashed #666666; }
  #nav_text ul ul li a { padding: 5px 0 5px 15px; color: #FFFFFF; font-size: 16px; border-bottom: 1px dashed #666666; }
  #nav_text ul li a:hover  { background-color: #0F0F0F; color: #F0F0F0; }

}

@media (min-width: 768px) {
  #nav { height: 36px; }
  .menu { color: #2AA4EF; font-weight: 400; width: 888px; height: 33px; font-size: 0.85em; position: relative; z-index: 1000; margin-left: 5px; }
  .menu ul { padding: 0; margin: 0; list-style-type: none; }
  .menu li { float: left; width: auto; position: relative; }
  .menu li.last{ margin-left: 20px; }
  .menu a, .menu a:visited { display: block; font-size: 11px; text-decoration: none; color: #2AA4EF; width: auto; height: 33px; background: #000000; padding: 5px 7px; line-height: 23px; }
  .menu a.first{ border-top-width: 1px; border-top-style: solid; border-top-color: #2AA4EF; }
  .menu a:hover { color: #FFFFFF; background: #0059C6; }
  .menu :hover > a { color: #FFFFFF; background: #04B1E6; }
  
  .menu ul ul { width: auto; }
  .menu ul ul a.drop, .menu ul ul a.drop:visited { border-left: 1px solid #666666; border-right: 1px solid #666666; background-color: #000000; }
  .menu ul ul a.drop:hover{ background-color: #333333; }
  .menu ul ul :hover > a.drop { background-color: #333333; }
  .menu ul ul { visibility: hidden; position: absolute; height: 0; bottom: 0; left: 0; width: 240px; }
  .menu ul ul a:hover { color: #FFFFFF; background: #0059C6; }
  .menu ul ul :hover > a { color: #FFFFFF; background: #0059C6; }
  .menu ul ul a, .menu ul ul a:visited { background: #000000; color: #2AA4EF; height: auto; line-height: 1em; width: 240px; border-left: 1px solid #2AA4EF; border-right: 1px solid #2AA4EF; padding: 5px 10px 5px 5px; z-index: 250; }
  .menu ul li:hover ul, .menu ul a:hover ul{ visibility: visible; }
  
  .menu ul ul ul a, .menu ul ul ul a:visited {background: #000000;}
  .menu ul ul ul a:hover { background: #000000; }
  .menu ul ul ul { left: 224px; top: 0; width: 153px; }
  .menu ul ul ul.left {left:-149px;}
  .menu ul :hover ul ul{ visibility: hidden; }
  .menu ul :hover ul :hover ul{ visibility: visible; }
  
  .menu table { position: absolute; top: 0; left: 0; border-collapse: collapse; }
  
  /* hacks so that IE5.5 faulty box model is corrected */
  * html .menu a, * html .menu a:visited {width: 23px; w\idth:22px;}
  * html .menu {width: 746px; w\idth:745px;}
  * html .menu ul ul { top: 22px; t\op:23px;}
  * html .menu ul ul a, * html .menu ul ul a:visited { width: 180px; w\idth:158px; }

  /* custom code */
  .menu ul ul li a, .menu ul ul li:last-child a:visited { border-bottom: 1px solid #2AA4EF; }
  .menu ul ul ul li:first-child a, .menu ul ul li:first-child a:visited { border-top: 1px solid #2AA4EF; }

}


/* RESPONSIVE FIXES */
@media (min-width: 768px) {
  .menuHide { display: none; }
}

@media (min-width: 992px) {
  .menuHide { display: list-item; }
}