div#links {position: absolute; top: 20px; left: 0; width: 208px; height: 100px; font: 9pt Arial, Helvetica, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 5px; margin: 0 0 0px; border-width: 0; 
   text-decoration: none; color: #5B5B5B; background: #CAC7B7;
   border-right: 1px dotted gray;}
div#links a:hover {color: #60D749; background: #D9D5BF;
   border-right: 1px dotted white;}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 250px; left: 210px; width: 500px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #ad4414; background: CAC7B7;
   font: 9pt Arial, Helvetica, sans-serif; text-align: left;}


ul {padding: 0; margin: 0; border-bottom: 1px gray; font: 1em sans-serif;}
ul li {list-style-type: none;
  border: 1px gray; border-width: 1px 1px 0 3px;
  position: relative; margin: 0; padding: 0;}
ul ul {display: none;}
ul li:hover > ul {display: block; position: absolute; top: -1px; left: 100%; width: 150px}
li a {display: block; padding: 5px 5px; text-decoration: none; background: #CAC7B7;}
ul#sidemenu li a:hover {background: CAC7B7;}
li.sub > a {font-weight: normal; background: #CAC7B7;}