/* remove the bullets, padding and margins from the lists */ .LHSmenu ul{ list-style-type:none; padding:0; margin:0; } /* make the top level links horizontal and position relative so that we can position the sub level */ .LHSmenu li{ float:left; position:relative; z-index:90; border-left: 4px solid #74C200; border: 1px solid #cccccc; margin-bottom: 1px; } /* use the table to position the dropdown list */ .LHSmenu table{ position:absolute; border-collapse:collapse; z-index:90; left: 180px; top: -2px; } .LHSmenu table li{ margin:0; height: 23px; border: 1px solid #cccccc; border-left-color: #cccccc; } /* style all the links */ .LHSmenu a, .LHSmenu :visited { font-weight: bold; font-size:11px; width:180px; height: 23px; text-decoration: none; color: #000000; display: block; padding: 2px 0 0 0px; background-color: #FFF0FF; } /* style the links hover */ .LHSmenu :hover{ color:#ffffff; border-left-color: #cccccc; text-decoration: none; background-color: #330033; } /* hide the sub level links */ .LHSmenu ul ul { visibility:hidden; position:absolute; width:180px; height:0; } /* Top border the sub level links */ .LHSmenu ul li li { border-top: 1px solid #ffffff; } /* make the sub level visible on hover list or link */ .LHSmenu ul li:hover ul, .LHSmenu ul a:hover ul{ visibility:visible; } /* remove the bullets, padding and margins from the lists */ .topmenu ul{ list-style-type:none; padding:0; margin:0; } /* make the top level links horizontal and position relative so that we can position the sub level */ .topmenu li{ float:left; position:relative; z-index:100; } /* use the table to position the dropdown list */ .topmenu table{ position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:21px; } /* style all the links */ .topmenu a, .topmenu :visited { display:block; font-size:11px; text-decoration:none; font-weight: bold; width:106px; height:19px; padding-top:3px; color:#ffffff; background:#330033; margin-right:1px; text-align:center; } /* style the links hover */ .topmenu :hover{ color:#000000; background:#FFF0FF; } /* hide the sub level links */ .topmenu ul ul { visibility:hidden; position:absolute; width:106px; height:0; } /* Top border the sub level links */ .topmenu ul li li { border-top: 1px solid #ffffff; } /* make the sub level visible on hover list or link */ .topmenu ul li:hover ul, .topmenu ul a:hover ul{ visibility:visible; }