.container{
 text-align :center; 
 background:#cc0000; 
 height:20px;
}
.menu {
 text-align :center; 
 font-family: arial; 
 font-size:12px; 
 background:transparent; 
 width:800px; 
 height:20px; 

}
.menu ul 
{
 padding :0; 
 margin:0; 
 list-style-type: none;
}

.menu ul li {
float:left;    
position:relative;    
}


.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
float:left; 
width:78px;
height:20px; 
color:#ffffff; 
line-height:19px;
}


.menu ul li ul {
visibility:hidden; 
position:absolute; 
top:0; 
left:0; 
height:0; 
overflow:hidden;
}

.menu table {
top:0px; 
left:0; 
border-collapse:collapse; 
font-size:12px;

    }

.menu ul li:hover a,
.menu ul li a:hover {
color:#000000; 
text-decoration:none; 

}
.menu ul li:hover ul, .menu ul li a:hover ul
{
    visibility: visible;
    width: 150px;
    height: auto;
    position: absolute;
    top: 20px;
    left: 0px;
    background: #cc0000;
    border: 1px solid #ffffff;
    overflow: visible;
}
.menu ul li:hover ul li a, .menu ul li a:hover ul li a
{
  text-align :left;    
  display: block;
    background: transparent;
    text-decoration: none;
    color: #ffffff;
    height: auto;
    line-height: 15px;
      
     padding: 3px 5px 2px 5px;
    width: 150px;
    
}
.menu ul li:hover ul li a.drop, .menu ul li a:hover ul li a.drop
{
    display: block;
    color: #000000;
    height: auto;
    line-height: 19px;
    padding: 3px 5px 2px 5px;
    width: 150px;
    
}
.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul
{
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    overflow: hidden;
}
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover
{
    color: #000000;
    text-decoration: none;
    
}
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul
{
  text-align :left;
      visibility: visible;
    position: absolute;
    top: 0;
    color: #006600;
    left: 150px;
    height: auto;
    border: 1px solid #ffffff;
}
.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-130px;
}
.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a
{
  text-align :left;
      display: block;
    color: #000000;
    height: auto;
    line-height: 15px;
    padding: 3px 5px 2px 5px;
    width: 150px;
    
    
}


.menu ul li:hover ul li:hover ul li:hover a, .menu ul li a:hover ul li a:hover ul li a:hover
{
    color: #000000;
    text-decoration: none;
    
  
}