.menu{
    margin:0px;
    padding:0px;
    }
    
.menu span{
    display:none;
    }
    
.menu ul{
    margin:0px;
    padding:0px;
    position:absolute; /* important */
    width:162px;
    width/**/:160px;
    }
    
            
.menu li ul{
	visibility:hidden;
    margin-left:160px; /* be careful */
    margin-top:-24px;
    }
    
.menu a{
    text-align:center;
    color:#000000;
    font-weight:bold;
    display:block;
    width:160px;
    text-decoration:none;
    margin:0px;
    padding:3px 0px 3px 0px; /* em units can creat little graphic bug in mozilla */
    }
    
.menu a:hover{
    background-color: #A21713;
    color: #FFFFFF;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #FFFFFF;
    color: #000000;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:160px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0px;
    padding:0px;
    }
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
.menu li li a{
    background-color: #FFFFFF;
    border:1px #000000 solid;
    }
    
.menu li li li a{
    background-color: #FFFFFF;
    border:1px #000000 solid;
    }
    
.menu li li li li a{
    background-color: #FFFFFF;
    border:1px #000000 solid;
    }
	
.menu li li li li li a{
    background-color: #FFFFFF;
    border:1px #000000 solid;
    }