/* ===================================================================
		MAIN CONTAINER FOR MENU
=====================================================================*/
/* total menu height is 30px */
.ek_menu  /* main container */ {
	float:left;
	height:27px;
	padding:3px 0 0 0;
	margin:0;
	z-index: 100;
	position: relative;
}

/* ===================================================================
			TOP TIER MENU STYLES
=====================================================================*/
.ek_menu ul 
	{
	float:left;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	}
	
.ek_menu ul li 
	{
	display:block;
	float: left;
	position: relative;
	padding:0;
	margin:0;
	}
	
.ek_menu ul li a 
	{
	float:left;	
	display: block;
	background:url(../images/menu-tab-left.png) no-repeat left bottom; /*background of tabs (default state)*/
	padding: 0px 0px 0px 15px;
	margin:0;
	color: #685745;
	text-decoration: none;
	height:27px;
	}

.ek_menu ul li a span 
	{
	float:left;
	display:block;
	background:url(../images/menu-tab-right.png) no-repeat right bottom;
	padding: 0px 30px 4px 15px;
	height:23px;
	margin:0;
	font-weight:bold;
	color:#685745;
	font-family: Arial;	/*, Verdana, Helvetica, sans-serif;*/
	font-size:13px;
	}	

.ek_menu ul li a:hover 
	{
	color: white;
	background:url(../images/menu-tab-left.png) left top no-repeat;
	text-decoration: none;
	}
	
.ek_menu ul li a:hover span 
	{
	color: white;
	background:url(../images/menu-tab-right.png) right top no-repeat;
	text-decoration:none;
	cursor:hand;
	}

/* ===================================================================
			SUB MENU STYLES
=====================================================================*/
.ek_menu ul ul 
	{
	left: 0px;
	visibility: hidden;
	position: absolute;
	top: 27px;
	height: 0px;
	z-index:190;
	}
	
.ek_menu ul ul a.drop, .ek_menu ul ul a.drop:visited 
	{
	position:relative;	
	width: 143px; /*width of sub menus*/
	font: normal 12px Arial;
	color: #000;
	/*border-top: 1px solid #685745;*/
	border-bottom: 1px solid #685745;
	border-left:1px solid #685745;
	border-right:1px solid #685745;
	padding:4px 5px 4px 12px;
	margin: 0;
	left:10px;
	background:url(../images/icon-red-bullet.gif) 3px 50% no-repeat #E8E1D5;
	z-index:190;
	height:14px;
	}
	
.ek_menu ul ul a.drop:hover 
	{
	background:url(../images/icon-red-bullet.gif) 3px 50% no-repeat #958377;
	color:#fff;
	}


/* ===================================================================
			SUB SUB MENU DROP DOWN 
=====================================================================*/
.ek_menu ul ul ul 
	{
	left:0px;
	visibility: hidden;
	position: absolute;
	top: 0px;
	z-index:200;
	}
	
.ek_menu ul ul ul li 
	{
	left: 172px;
	width: 150px;
	position: relative;
	top: auto;
	z-index: 200;
	}
	
.ek_menu ul ul ul li a, .ek_menu ul ul ul li a:visited 
	{
	position:relative;
	width: 143px; /*width of sub menus*/
	font: normal 12px Arial;
	color: #000;
	background:url(../images/icon-red-bullet.gif) 3px 50% no-repeat #E8E1D5;
	border-top: 1px solid #685745;
	border-bottom: 1px solid #685745;
	border-left:1px solid #685745;
	border-right:1px solid #685745;
	padding:4px 5px 4px 12px;
	margin: -1px 0px 0px 0px;
	left:0px;
	height: 14px;
	}
	
.ek_menu ul ul ul li a:hover 
	{
	position:relative;
	left: 0px;
	background:url(../images/icon-red-bullet.gif) 3px 50% no-repeat #958377;
	color:#fff;
	}
	
/* Visibility */
.ek_menu ul li:hover ul {
	visibility: visible;
}
.ek_menu ul a:hover ul {
	visibility: visible;
}
.ek_menu ul :hover ul ul {
	visibility: hidden;
}
.ek_menu ul :hover ul :hover ul {
	visibility: visible;
}


/* Next two rules keep the top menu highlighted as you mouse over the submenus */
.ek_menu :hover > a 
	{
	color: white;
	background:url(../images/menu-tab-left.png) left top no-repeat;
	}
	
.ek_menu :hover > a span 
	{
	color: white;
	background:url(../images/menu-tab-right.png) right top no-repeat;	
	}

.ek_menu span > a.selected 
	{
	color: white;
	background:url(../images/menu-tab-right.png) left bottom no-repeat;
	}

.ek_menu ul ul :hover > a 
	{
	color: #000;
	}

.ek_menu ul ul :hover > a.drop 
	{
	background:url(../images/icon-red-bullet.gif) 3px 50% no-repeat #958377;
	color:#fff;
	}