.jquerycssmenu{font: bold 12px Verdana; border-bottom: 1px solid; padding-left: 15px;}

.jquerycssmenu ul{margin: 0; padding: 0; list-style-type: none;}

a.title {font: bold italic 12px Verdana; position: relative; display: inline; float: right; right: 20px; text-decoration: none;}

/*Top level list items*/
.jquerycssmenu ul li{z-index:100; position: relative; display: inline; float: left;}

/*Top level menu link items style*/
.jquerycssmenu ul li a{z-index:100; display: block; background: #FFF url(menu/tintblue.gif) top center repeat-x;; /*background of tabs (default state)*/
padding: 5px 7px 4px 7px; margin-right: 3px; border: 1px solid #778; border-bottom-width: 0; color: #2d2b2b; text-decoration: none;}

.jquerycssmenu ul li a:hover{background-image: url(menu/tintbluedark.gif) /*tab link background during hover state*/}

/*1st sub level menu*/
.jquerycssmenu ul li ul{z-index:100; position: absolute; left: 0; display: block; visibility: hidden; border-top: 1px solid #000;}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{z-index:100; display: list-item; float: none;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{z-index:100; top: 0;}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{z-index:100; font: normal 13px Verdana; width: 160px; background: #FFF; padding: 4px 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid #000;}

.jquerycssmenu ul li ul li a:hover{z-index:100; background: #ADF; color: #000;}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{position: absolute; top: 7px; right: 5px;}

.rightarrowclass{position: absolute; top: 5px; right: 5px;}