.jquerycssmenu{ font: bold 12pt Arial Narrow; border-bottom: 1px solid black; 
padding-left: 14px; /*offset of tabs relative to browser left edge*/ } .jquerycssmenu 
ul{ margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .jquerycssmenu 
ul li{ position: relative; display: inline; float: left; } /*Top level menu link 
items style*/ .jquerycssmenu ul li a{ display: block;; /*background of tabs (default 
state)*/ padding: 5px 7px 4px 7px; margin-right: 3px; /*spacing between tabs*/ 
border: #778 solid; color: #2d2b2b; text-decoration: none; ; background-color: 
#FFCCFF; background-image: url(tintblue.gif); background-repeat: repeat-x; background-position: 
top center; border-width: 1px 1px 0} .jquerycssmenu ul li a:hover{ background-image: 
url(tintbluedark.gif) /*tab link background during hover state*/ } /*1st sub level 
menu*/ .jquerycssmenu ul li ul{ position: absolute; left: 0; display: block; visibility: 
hidden; border-top: 1px solid black; } /*Sub level menu list items (undo style 
from Top level List Items)*/ .jquerycssmenu ul li ul li{ display: list-item; float: 
none; } /*All subsequent sub menu levels vertical offset after 1st level sub menu 
*/ .jquerycssmenu ul li ul li ul{ top: 0; } /* Sub level menu links style */ .jquerycssmenu 
ul li ul li a{ font: normal 13px Arial Narrow; width: 160px; /*width of sub menus*/ 
background: #FFCCFF; color: black; padding: 4px 5px; margin: 0; border-bottom: 
1px solid black; ; border-top-width: 0} .jquerycssmenu ul li ul li a:hover{ /*sub 
menus hover style*/ background: #FFCCCC; color: black; } /* ######### CSS classes 
applied to down and right arrow images ######### */ .downarrowclass{ position: 
absolute; top: 7px; right: 8px; } .rightarrowclass{ position: absolute; top: 5px; 
right: 8px; }