#myjquerymenu {
	clear:both;
	width:840px;
	margin:0 auto;
	height:41px;
	text-align:center;
	background:#232554 url(/images/corner_top.gif) no-repeat top right
}

.jquerycssmenu {
	font:1.2em Georgia, "Times New Roman" Serif;
	/*padding-left:15px offset of tabs relative to browser left edge*/
}

.jquerycssmenu ul {
	margin-left:40px;
	padding-top:5px;
	list-style-type:none
}

/*Top level list items*/
.jquerycssmenu ul li {
	position:relative;
	display:inline;
	float:left;
	background-color:#31336c
}

/*Top level menu link items style*/
.jquerycssmenu ul li a {
	display:block;
	padding:6px 20px;
	margin-right:2px; /*spacing between tabs*/
	color:#ffba01;
	text-decoration:none
}

.jquerycssmenu ul li a:hover {
	color:#fff;
	/*background-image:url(tintbluedark.gif) tab link background during hover state*/
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul {
	position:absolute;
	padding-top:0;
	left:0;
	display:block;
	visibility:hidden;
	text-align:left
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li {
	/*display:list-item;*/  /* including this puts a space between each li in IE8 */
	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:bold 0.7em Georgia, "Times New Roman" Serif;
	width:170px; /*width of sub menus*/
	color:#fff;
	padding:4px 5px;
	margin:0;
	border-top-width:0;
	border-bottom:1px solid #9cf;
	background-color:#41437b;
	filter:alpha(opacity=80);
	opacity:0.8
}

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

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

.downarrowclass{
	position:absolute;
	top:7px;
	right:5px
}

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