.jquerycssmenu {
	font: bold 12px Verdana;
	padding: 5px 7px 4px 7px;
	width: 700px; /*leave this value as is in most cases*/
}

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

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

.jquerycssmenu ul li a {      /*Top level menu link items style*/
    display: block;
    background: white url(buttonup.JPG) top center repeat-x; /*background of tabs (default state)*/
    padding: 5px 7px 4px 7px;
    margin-right: 5px; /*spacing between tabs*/
    border: 1px solid #778;
    border-bottom-width: 1;
    color: #ffff99; 
    text-decoration: none;
}

.jquerycssmenu ul li a:hover {
    background-image: url(buttondown.jpg); /*tab link background during hover state*/
    color: #2d2b2b; 
}

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

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

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

.jquerycssmenu ul li ul li a {    /* Sub level menu links style */
    font: normal 13px Verdana;
    width: 160px; /*width of sub menus*/
    background: #eaeaea;
    color: black;
    padding: 4px 5px;
    margin: 0;
    border-top-width: 0;
    border-bottom: 1px solid black;
}

.jquerycssmenu ul li ul li a:hover { /*sub menus hover style*/
    background: #d5d5d5;
    color: black;
}

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

.downarrowclass {
    position: absolute;
    top: 10px;
    right: 8px;
}

.rightarrowclass {
    position: absolute;
    top: 7px;
    right: 6px;
}