.jquerycssmenu{
text-align:center;
font-size: 100%;
}

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

/*Top level list items*/
.jquerycssmenu ul li{
padding: 8px 5px 8px 4px; /*offset of tabs relative to browser left edge*/
position: relative;
display: inline;
float: left;
text-align:center;
width:150px;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: inline;
padding: 8px 5px 8px 4px;
color: #000000;
text-decoration: none;
font-weight:bold;

}

.jquerycssmenu ul li a:hover{

padding: 8px 5px 10px 4px;
background: #505050; /*tab link background during hover state*/
color:#FFFFFF;

z-index:1;
}
	
/*1st sub level menu box*/
.jquerycssmenu ul li ul{
margin:0px 0px 0px 0px;
position: absolute;
display: block;
visibility: hidden;
background: #505050; /*tab link background during hover state*/
color:#FFFFFF;
text-align:left;
width:130px;
z-index:1;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{

display: list-item;
float: none;
height:15px;
white-space:nowrap;
width: 110px; /*width of sub menus*/
text-align:left;
background: #505050;
z-index:1;
}

/*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{
width: 150px;
height:15px;
background: #505050;
color: #FFFFFF;
padding:0px;
margin: 0;
text-align:left;
z-index:50;
}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
background: #AFAEAA;
color: #000000;
padding:0px;
text-align:left;
width: 150px;
z-index:50;
}

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

.downarrowclass{
position: absolute;
top: 0px;
right: 0px;
}

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