body {
   behavior: url(/css/csshover.htc);
}

#menu_outer {
}

#menu {
   position: absolute;
   width: 100%;
   float: left;
   background: url(/images/bg_menu.gif) repeat-x left top;
   height: 18px;
}

#menu a, #menu h3 {
   display: block;
   margin-top: -1px;
   font: bold 14px verdana, arial, helvetica, sans-serif;
   white-space: nowrap;
   text-align: center;
   color: white;
}
html>body #menu a, html>body #menu h3 {
   margin-top: 0px;
}

#menu a {
   text-decoration: none;
}

#menu a, #menu a:visited {
   color: white;
}

#menu li li a:visited {
   color: #1F1C5A;
}
#menu li li a:hover {
   color: white;
}

#menu ul {
   border-right: 1px solid #1F1C5A;
   list-style: none;
   margin: 0px;
   padding: 0px;
   float: left;
   width: 24.5%;  /* Adjust to fit menu items onto bar */
}
#menu ul.last {
   border-right: none;
}

#menu li {
   position: relative;
}

#menu ul ul {
   position: absolute;
   z-index: 500;
   top: auto;
   display: none;
   width: 180px;
   border: 1px solid #1F1C5A;
   background: #eee;
}
html>body #menu ul ul {
   left: -1px;
}

#menu ul ul li {
   font-size: 10px;
   margin-bottom: -12px;
}
html>body #menu ul ul li {
   margin-bottom: 0px;
}

#menu ul ul li a {
   text-align: left;
   font-size: 11px;
   margin: 0px;
   padding: 3px 6px;
   color: #1F1C5A;
}

#menu ul ul ul {
   top: 0px;
   left: 100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector on non-anchor hovers for IE5.x to comply with the older version of csshover.htc - V1.21.041022. It improves IE's performance speed to use the older file and this method. */

div#menu h3:hover {
   background-color: #1F1C5A;
   border-top: #6B92CB;
}

div#menu li:hover {
   zcursor: pointer;
   z-index: 100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
 {display: none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
 {display: block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a:hover {
   color: #fff;
   background: #1F1C5A;
}

#menu a:active {
   background: #6B92CB;
}
