.joomextendprettymenu{

	border:none;

	border:0px;

	margin:0px;

	padding:0px;	

	font-weight:bold;

	color:8e8e8e;

	}



	.joomextendprettymenu li{

		float:left;

		padding:0px 0px 0px 0px;

		}

	.joomextendprettymenu li a{

		color:#666666;

		display:block;

		font-weight:bold;

		line-height:43px;

		padding:0px 20px;

		text-align:left;

		text-decoration:none;

		}

		

	.joomextendprettymenu 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;*/

		}

	.joomextendprettymenu li:hover ul{

		display:block;

		}

/*Top level list items*/

.joomextendprettymenu ul li{

position: relative;

display: inline;

float: left;

}



/*1st sub level menu*/

.joomextendprettymenu 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)*/

.joomextendprettymenu ul li ul li{

display: list-item;

float: none;

}



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

.joomextendprettymenu ul li ul li ul{

top: 0;

}



/* Sub level menu links style */

.joomextendprettymenu 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: 18px;

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;

}