body {
    behavior:url("../styles/csshover.htc");
  }
  
  
  /* the menu */
   
    li.topmenuitem:hover {
      /*list-style-image: url(../images/menuArrowOn.gif); */
    }
     
  ul.menu,li.menu,a.menu {
    display:block;
    margin:0;
    padding:0;
    border:0;
  }

  ul.menu {
    width:200px;
      background-color: #fdfdfd;
      border-color: #dddddd;
      border-style: solid;
      border-width: 1px;
            border-bottom-width: 0px;
            border-top-width: 1px;
  }
  
  ul.unborderedMenu {
    width:200px;
      background-color: #fdfdfd;
      border-color: #dddddd;
      border-style: solid;
      border-width: 1px;
            border-bottom-width: 0px;
            border-top-width: 0px;
  }
  
    ul.topMenu {
    width:310px;
      list-style:none;
  }

  li.menuitem {
    position:relative;
    padding-top:4px;
    padding-left:15px;
      z-index:9;
      left:0px;
        border-width :0px;
        border-bottom-width:1px;
        border-style: solid;
        border-color: #dddddd;  
  }
  
  li.topmenuitem {
    position:relative;
    z-index:9;
      top:12px;
    /*  list-style-image: url(../images/menuArrowOff.gif); */
  
  }
    
  li.folder ul {
   position:absolute;
   left:150px; /* IE */
   top:2px;
    }   
    li.folder>ul { 
      left:195px; 
    }

  a.menu {
    padding:2px;
    text-decoration:none;
    color:gray;
    font-weight:bold;
    width:100%; /* IE */
  }
  
  li>a { 
   width:auto; 
  }

  /* hovers with specificity */
  
  li.folder:hover { z-index:10; }   
    
  ul.topMenu ul, ul.menu ul, li:hover ul ul {
    display:none;
  }

  li:hover ul, li:hover li:hover ul, li:hover ul a.dark {
    display:block;
  }