.jqueryslidemenu{
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

/* *********************************************** TOP LEVEL LIST ITEMS *********************/

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


.jqueryslidemenu ul li{
	position: relative;
	display: block;
	float: left;
}

.menuDivider{
	border-width:	0px;
	display:block;
	width: 1px;
	height: 18px;
	margin-top: 5px; /* USE A 1px DIVIDER IF YOU NEED A TALLER MENU THAN THE BORDER ITSELF */
}

/* *********************************************** TOP LEVEL MENU LINK ITEMS STYLE **********/
.jqueryslidemenu ul li a{
	display: block;
	color: #474439;
	text-decoration: none;
}


* html .jqueryslidemenu ul li a.menuDown{ /* *** IE6 HACK TO GET SUB MENU LINKS TO BEHAVE CORRECTLY ****** */
			display: inline-block;
		}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	color: #474439;
	padding: 6px 16px 6px 16px;
	text-decoration: none;
}

.jqueryslidemenu ul li a:hover{
	color: #046d58;
	padding: 6px 16px 6px 16px;
	text-decoration: none;
}


 			/* *********** CREATES A DROPDOWN TOP LEVEL MENU BACKGROUND WITH ARROW ************* */


		.jqueryslidemenu ul li a.menuDown{
			display: block;
			cursor: default;
			padding: 6px 34px 6px 16px;
			background-image: url(images/MenuDown.gif);
			background-repeat: no-repeat;
			background-position: 89% 50%;
			text-decoration: none;
		}


		.jqueryslidemenu ul li a.menuDown:link, .jqueryslidemenu ul li a.menuDown:visited{
			color: #474439;
			padding: 6px 34px 6px 16px;
			text-decoration: none;
		}

		.jqueryslidemenu ul li a.menuDown:hover{
			cursor: default;
			color: #046d58;
			padding: 6px 34px 6px 16px;
			background-image: url(images/MenuDown.gif);
			background-repeat: no-repeat;
			background-position: 89% 50%;
			text-decoration: none;
		}



/* ********************************************** 1ST SUB LEVEL MENU *************************/
.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	margin: 1px 0px 0px 0px; /* ****** POSTION THE FIRST FLYOUT ul ********/
	display: block;
	visibility: hidden;
}

/* **************** FIRST SUB LEVEL MENU LIST ITEMS (UNDO STYLE FROM TOP LEVEL LIST ITEMS) **************** */

.jqueryslidemenu ul li ul li{
	display: block;
	margin: -1px 0px 0px -1px; /* **************** CHANGE THE TOP MARGIN TO -2 TO REMOVE LINES BETWEEN BUTTONS **************** */
	float: none;
	text-align: center;
}

.jqueryslidemenu ul li ul li a{
	font: normal 12px arial,helvetica, sans-serif;
	/* width: 114px; width of sub menus */
	border: 1px solid #3b3b3b;
	border-width: 1px 1px 1px 1px;
	background-color: #e6e5d4;
	cursor: pointer;
	color: #3d3621;
	height: 18px;
	margin: 0px;
	text-align: center;
}

.jqueryslidemenu ul li ul li a:link, .jqueryslidemenu ul li ul li a:visited{
	background: #e6e5d4;
	color: #3d3621;
	cursor: pointer;
	border: 1px solid #3b3b3b;
	border-width: 1px 1px 1px 1px;
	height: 18px;
	margin: 0px;
	text-align: center;
	padding: 3px 6px 3px 6px;
}

.jqueryslidemenu ul li ul li a:hover{
	background: #b5ae94;
	color: #000000;
	cursor: pointer;
	border: 1px solid #3b3b3b;
	border-width: 1px 1px 1px 1px;
	height: 18px;
	margin: 0px;
	text-align: center;
	padding: 3px 6px 3px 6px;
}




/*ALL SUBSEQUENT SUB MENU LEVELS VERTICAL OFFSET AFTER 1ST LEVEL SUB MENU */
.jqueryslidemenu ul li ul li ul{
	top: 0px;
	margin: 0px 0px 0px 0px;
}


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

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

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