.jquerycssmenu{
width:70%;
text-align:center;
font: 12px Verdana;

padding-left: 15px; /*offset of tabs relative to browser left edge*/

color:#003c84;

}



.jquerycssmenu ul{

margin: 0;

padding: 0;

list-style-type: none;

color:#003c84;

}



/*Top level list items*/

.jquerycssmenu ul li{

position: relative;
color:#FFFFFF;
font-size:13px; font-weight:bold;
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;

border-bottom-width: 0;

color:#fff;

text-decoration: none;

font-family:arial;

font-size:12px;

}



.jquerycssmenu ul li a:hover{


color:#fff; /*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 11px tahoma;

width: 160px; /*width of sub menus*/

color:black;

padding: 4px 5px;

margin: 0;

border-top-width: 0;

border-bottom: 1px solid black;

background-color:#FFFFCC;

}



.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/

background:#FFFFFF;

color: black;

border-bottom:solid 1px #000000;

}



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



.downarrowclass{

position: absolute;

top: 7px;

right: 5px;

}



.rightarrowclass{

position: absolute;

top: 5px;

right: 5px;

}