/* formatting for all list elements

---------------------------------------------------------- */


#prenav ul { /* all lists */

      padding: 0;
      margin: 0;
      list-style: none;
      font-weight: bolder;
      z-index:99;
      float:right;
}

 

#nav li { /* all list items */

      float: left;
      position: relative;
      z-index:5;

}

 

#prenav li a { /* all list item links, this makes the entire item and not just the text clickable */

      display: block;
      z-index:5;

}

 

a.heading {

      font-size: 10px;
      text-align: center;
      padding:5px 5px 2px 5px;
      border-right: 1px solid #AAA;
      color:White;
      text-decoration: none;
      vertical-align: middle;
      }

a:hover.heading {
      text-decoration: underline;
}

#nav {
    z-index:5;
}

/* list ends

---------------------------------------------------------- */

/* second level lists

---------------------------------------------------------- */
li ul {     
      display: none;
      position: absolute;
      z-index:5;
      font-size:smaller;
}

 

li ul li {
      background: url(Images/nav_bg.png) repeat;
      border-bottom: 0;
      z-index:5;
}

 

li ul li a {
      display: block;
      width: 200px;
      height: 16px;
      padding: 4px;
      text-decoration: none;
      color: White;
      z-index: 5;
      border:0;
}

 
/* second-level list item links hover */

li ul li a:hover 
{
    background-color:#545454;  
}

/* IE and mozilla fixes

---------------------------------------------------------- */
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

      top: auto;
      left: auto;

} 

li:hover ul, li.over ul { /* lists nested under hovered list items */
      display: block;
}

 

li ul li {
      clear: left; /* float fix for IE*/
}

 

/* misc

---------------------------------------------------------- */