.jqueryslidemenu{

font-family: Arial, Helvetica, sans-serif;

font-size:1.5em;

text-decoration: none;

width: 100%;
color:#FFF
}

.jqueryslidemenu ul{

margin: 0;

padding: 0;

list-style-type: none;

}



/*Top level list items*/

.jqueryslidemenu ul li{

position: relative;

display: inline;

float: left;

}



/*Top level menu link items style*/

.jqueryslidemenu ul li a{

display: block;

background-repeat:repeat-x; /*background of tabs (default state)*/

padding: 15px 10px;

text-decoration: none;



}



* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}



.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{

}



.jqueryslidemenu ul li a:hover{
	background-color:#2977B6
}

	

/*1st sub level menu*/

.jqueryslidemenu ul li ul{

position: absolute;

left: 0;

display: block;

visibility: hidden;

background-color:#FFF
}



/*Sub level menu list items (undo style from Top level List Items)*/

.jqueryslidemenu ul li ul li{

display: list-item;

float: none;

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jqueryslidemenu ul li ul li ul{

top: 0;

}



/* Sub level menu links style */

.jqueryslidemenu ul li ul li a{

font: normal 13px Arial;

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

padding: 5px;

margin: 0;

border-top-width: 0;
color:#FFF

}



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



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



.downarrowclass{

position: absolute;

top: 18px;

right: 7px;

}



.rightarrowclass{

position: absolute;

top: 6px;

right: 5px;

}