<style type="text/css">
/* dynamic menu */

.dynamic_menu {
  font-weight: normal;
  text-decoration: none;
}

.dynamic_menu ul {
  list-style: none;
}

.dynamic_menu li {
    position: relative;
    z-index: 7;
 list-style-type: none;
 font-size: 10pt;
 float: left;
 position: relative;
 text-align: left;
 cursor: default;
 background-color: #FFFFFF;
 padding: 3px 0px 3px 20px;
 margin: 0 10px 0 0;
}

.dynamic_menu li.crumb {
    background: url(gfx/crumbsArrow.png) no-repeat 0 50%;
}

.dynamic_menu li.first {
    background-image: url(gfx/crumbsHomeIcon.png); 
}

.dynamic_menu li ul {
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
 font-weight: bold;
 background-color: #FFFFFF;
 width: 140px;
 top: auto;
 left: -2px;
 border: 1px solid black;
 padding: 4px;
 margin: 0;
 list-style: none;
    z-index: 5;
}

.dynamic_menu li li {
 display: block;
 float: none;
 background-color: transparent;
 border: 1px solid white;
 padding: 0;
 margin: 0;
 list-style-type: none;
 z-index: 1;
}

.dynamic_menu li li a {
 display: block;
 font-weight: normal;
 padding: 1px;
 background-color: #FFFFFF;
 margin: 0;
 z-index: 1;
}

.dynamic_menu li li a:hover {
    background-color: #f5f5f5;
}

.dynamic_menu li.crumb:hover {
}

.dynamic_menu li:hover ul, li.over ul {
 display: block;
}

</style>
