/* common styling */
.menu {
	font:bold arial, sans-serif; 
	height:37px;
	position:relative; 
	font-size:11px; 
	z-index:100;
	margin:0;
	padding:0 10px;
	background:url(images/menu.jpg) no-repeat;
	text-decoration:none;
}

.menu ul li a, .menu ul li a:visited {
	display:block; 
	margin: 3px 1px 0 0px;
	padding: 10px 21px;
	width:auto;
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #790000;
	text-align:center;
	text-decoration: none;
	overflow:hidden;
}

.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {
	float:left; 
	position:relative;
	margin:0 0 0 0;
	text-decoration:none;
	list-style:none;
	padding:0 0 0 0;
	font: bold 11px Arial;
	background:url(images/right_border.gif) center right no-repeat;
}

.menu ul li.last {
	background:none;
}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#790000;}
.menu ul li:hover ul {display:block; position:absolute; top:32px; left:0; width:auto;}
.menu ul li:hover ul li a.hide {background:#fff; color:#000;}
.menu ul li:hover ul li:hover a.hide {background:#EAEBD8 url(images/menu_arrow.jpg) center left no-repeat; color:#790000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {
	display:block; 
	margin:0px;  
	border-bottom:1px solid #ccc;
	background:#fff; 
	color:#000; 
	width:120px; 
	text-align:left;
	border-right:1px solid #CCCCCC;
}

.menu ul li:hover ul li ul li a{
	display:block;
	margin:0px;
	color:#EAEBD8;
	background:#790000;
}

.menu ul li:hover ul li a:hover {
	background:#EAEBD8 url(images/menu_arrow.jpg) center left no-repeat; 
	color:#790000;
}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:163px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}