#menu {width: 160px; /* set width of menu */ margin:0px; float:left;}
#menu ul { /* remove bullets and list indents */ list-style: none; margin: 0; padding: 0;}
#menu a {font:8pt Arial; display: block; margin: 0;}
#menu a.ln {color:#000000; background-color: #E5E5E5; text-decoration:none; padding:3px;}
#menu a.ln:hover {color:#000000; background-color: #cccccc;}
#menu a.ln2 {color:#000000; background-color: #CCCCCC; text-decoration:none; padding:3px 3px 3px 3px; border-width: 0px 1px 1px 1px; border-style: solid;	border-color: #000000;}
#menu a.ln2:hover {color:#000000; background-color: #E5E5E5;}
#menu a.ln3 {color:#000000; background-color: #CCCCCC; text-decoration:none; padding:3px 3px 3px 3px;	border-width: 0px 1px 1px 0px; border-style: solid;	border-color: #000000;}
#menu a.ln3:hover {color:#000000; background-color: #E5E5E5;}
/**************** code below is only for Right navigation ****************/
#menu li {/* make the list elements a containing block for the nested lists */ position: relative;}
#menu ul ul ul { position: absolute; top: 0; left: 100%; /* to position them to the right of their containing block */ width: 100%; /* width is based on the containing block */}
div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;}
div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}
/**************** end: code is only for Right navigation ****************/