/*-- menu base level --*/   
 

 
.NavUl
 {
    
     margin: 0px auto;
     text-indent: 0px;
     padding: 0px;
     font-size: 12px;   
     }
     
 .NavUl li
 {   position: relative;
     list-style:none;
     clear: none;
     float: left;
     display: inline;
     margin: 0px ;
     text-indent: 0px;
     padding: 0px 0.4em 0px 0.4em;
     background-image: url("images/nav/menuseperator.gif");
     background-position: right 2px;
     background-repeat:  no-repeat;
     height: 1.5em;
     }
     
 .NavUl a
 {
   border: 0px;
   text-decoration: none;
   color: #ffffff;
   display: block;
   
     }
     
 .NavUl a:hover
 {
   border: 0px;
   color: #cccccc;
   
     }
     
.NavUl li img  /*-- child node image --*/
{
   position: absolute;
   top: 2px;
   right: 2px;
    }

/*-- 1st level child nodes --*/

.NavUl li ul
{
    display: none;
    border: solid 1px efefef;
    }
    
.NavUl li:hover ul 
{
    text-align: left;
    position:absolute;
    display: block;
    float: none;
    background-color: #aaaaaa;
    border: solid 1px #efefef;
    padding: 0px;
    margin: 0px;
    top: 1.5em;
    left: 0px;
    width: 150px;

    }

.NavUl li:hover ul li
{
    float: none;
    display: block;
    position: relative;
    background-image: none;
    border-right: none;
    border-bottom: solid 1px silver;
    }
    
/*-- 2nd level child nodes --*/    
    
.NavUl li ul li ul
{
    display: none;
    
    }

.NavUl li:hover ul li ul
{
    display: none;
    }
    
.NavUl li:hover ul li:hover ul
{
    text-align: left;
    position:absolute;
    display: block;
    float: none;
    background-color: #B4B467;
    border: solid 1px #efefef;
    padding: 0px;
    margin: 0px;
    top: 0px;
    left: 150px;
    width: 150px;
    }