#menu
{
    margin-top: 3em;
   float: left;
   width: 200px;
}
    
#menu ul { 
    list-style: none;
    width: 180px; /* Width of Menu Items */ 
} 

#menu ul li { 
    position: relative; 
    /* a hack to make IE7 behave correctly for mouseovers on LI */
    zoom: 1;
    display: inline;
    width: 180px;
    float: left;
} 

#menu li ul { 
    left: 180px; /*Set 1px less than menu width */ 
    position: absolute;
    top: 0; 
    display: block; 
} 

#menu li:hover ul {
    display: block;
} 

#menu li:hover>ul { 
    visibility:visible; 
} 

#menu ul ul {
    visibility:hidden; 
} 

/* Fix IE. Hide from IE Mac \*/ 
* html #menu ul li { float: left; height: 1%; } 
* html #menu ul li a { height: 1%; } 
/* End */ 

/* Make-up syles */ 

#menu ul, li { 
    margin: 0; 
    padding: 0;
} 

/* Styles for Menu Items */ 
#menu ul a { 
    display: block; 
    text-decoration: none; 
    color: #7143a7; 
    background: #fff; /* IE6 Bug */ 
    padding: .2em 1em; 
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    
    
} 

/* Hover Styles */ 
#menu ul a:hover { 
    color: #C6940D; 
    background: #f9f9f9; 
} 

/* Sub Menu Styles */ 
#menu li ul a { 
} 

/* Sub Menu Hover Styles */ 
#menu li ul a:hover { 
} 

/* Icon Styles */ 
#menu ul a.submenu {background:#fff url("../images/r_arrow.gif") no-repeat right; } 
#menu ul a.submenu:hover {background:#f9f9f9 url("../images/r_arrow.gif") no-repeat right;}