.jquerycssmenu {

	float:left;

	width:950px;

	height:21px;

}

.jquerycssmenu ul {

	margin: 0;

	padding: 0;

list-style-type: none;

}

.jquerycssmenu ul li {

	height:21px;

	float:left;

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	margin-left:-20px;;

	padding:0;

	position: relative;

	display: inline;

}

.jquerycssmenu ul li.first {

	margin-left:0;

}

.jquerycssmenu ul li a {

	background:transparent url('../../media/navigation-inactive-left.gif') no-repeat scroll left top;

	padding-left:30px;

	text-decoration:none;
	
	display:block;
	
	float:left;
	
	padding-top:2px;
	
	height:19px;	
	
}

.jquerycssmenu ul li a span {

	height:19px;

	padding-right:30px;

	padding-top:2px;

	cursor:pointer;

	font-family: Arial, Helvacitca, Sans-serif;	
	
	font-weight:bold;	

}



.jquerycssmenu ul li a:hover{

	background:transparent url('../../media/navigation-active-left.gif') no-repeat scroll left bottom;

	color:#f9e600;

}

.jquerycssmenu ul li a:hover span{

	color:#f9e600;

}



	

/*1st sub level menu*/

.jquerycssmenu ul li ul{

position: absolute;

left: 0;

display: block;

visibility: hidden;

border-top: 0px solid black;

/*background: url(tint.gif) top center repeat-x;; /*background of tabs (default state)*/

background:transparent url('../../media/menu/tint.gif') top;

}



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

.jquerycssmenu ul li ul li{

display: list-item;

clear: both;

float: none;

background:transparent url('../../media/menu/tint.gif') top;
}



/*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: bold 13px Verdana;

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

/*background-image: url(tint.gif) tab link background during hover state*/

background:transparent url('../../media/menu/tint.gif') top;

color: #FFF;

padding: 4px 5px;

margin: 0;

border:1px solid #3a3a3a;

}



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

/*background-image: url(tint.gif) tab link background during hover state*/

background:transparent url('../../media/menu/tint_active3.gif') top;

border:1px solid #3a3a3a;

color: yellow;

}



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



.downarrowclass{

position: absolute;

top: 7px;

right: 5px;

}



.rightarrowclass{

position: absolute;

top: 5px;

right: 5px;

}