@charset "utf-8";
/* CSS Document */
/* common styling */
.menu {
	font:bold arial, sans-serif; 
	height:31px;
	position:relative; 
	font-size:11px; 
	z-index:100;
	margin:0;
	padding:0 0 0 40px;
	background:url(images/menu.jpg) no-repeat;
	text-decoration:none;
}

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

.menu ul li a.active {color:#fff; background:#06f; display:block; padding:9px 21px 8px 21px;; margin:0 1px;}

.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;
	display:block;
	background:url(images/menu_border.jpg) center right no-repeat;
	height:31px;
}

.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:#06f; display:block; padding:9px 21px 8px 21px;; margin:0 1px;}
.menu ul li:hover ul {display:block; position:absolute; top:31px; 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; color:#790000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {
	display:block; 
	margin:0px;
	height:25px;
	border-bottom:1px solid #000;
	background:#060; 
	color:#fff; 
	width:150px; 
	text-align:left;
}


.menu ul li:hover ul li a:hover {
	background:#fff; 
	color:#06f;
}

.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;}