#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:#333300; background-color: #f2f2e5; text-decoration:none; padding:3px;}
#menu a.ln:hover {color:#ffffff; background-color: #1A4D00;}
#menu a.ln2 {color:#1A4D00; background-color: #D3D3A6; text-decoration:none; padding:3px 3px 3px 3px; border-width: 0px 1px 1px 1px; border-style: solid;	border-color: #1A4D00;}
#menu a.ln2:hover {color:#D3D3A6; background-color: #1A4D00;}
#menu a.ln3 {color:#1A4D00; background-color: #D3D3A6; text-decoration:none; padding:3px 3px 3px 3px;	border-width: 0px 1px 1px 0px; border-style: solid;	border-color: #1A4D00;}
#menu a.ln3:hover {color:#D3D3A6; background-color: #1A4D00;}
/**************** 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 ****************/