.joomextendmenu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;	
	font-weight:bold;
	color:8e8e8e;
	}

	.joomextendmenu li{
		float:left;
		padding:0px 0px 0px 0px;
		}
	.joomextendmenu li a{
		color:#666666;
		display:block;
		font-weight:bold;
		line-height:43px;
		padding:0px 20px;
		text-align:center;
		text-decoration:none;
		}
		
	.joomextendmenu li ul{
		display:none;
		height:auto;
		filter:alpha(opacity=95);
		opacity:0.95;
		position:absolute;
		width:225px;
		z-index:200;
		padding:0px;
		margin:0px;
		/*top:1em;
		/*left:0;*/
		}
	.joomextendmenu li:hover ul{
		display:block;
		}
/*Top level list items*/
.joomextendmenu ul li{
position: relative;
display: inline;
float: left;
}

/*1st sub level menu*/
.joomextendmenu ul li ul{
position: absolute;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.joomextendmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.joomextendmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.joomextendmenu ul li ul li a{
width: 160px; /*width of sub menus*/
padding: 8px;
line-height:20px;
margin: 0px;
border-top-width: 0;
border-bottom: 1px solid gray;

}

/* Holly Hack for IE \*/


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

.downarrowclass{
position: absolute;
border:1px solid #ff0000;
top: 15px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 12px;
right: 2px;
background-image:url(../images/right.gif);
}

/* ######### CSS for shadow added to sub menus  ######### */
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}