@charset "utf-8";
/* CSS Document */

/* common styling */
.menu {
	font-family: tahoma;
	width:560px;
	height:31spx;
	position:relative;
	font-size:12px;
	z-index:100;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#000;
	width:100px;
	height:31px;
	text-align:left;
	padding-left:10px;
	color:#947F7B;
	border-right:1px solid #947F7B;
	background:#transparent;
	line-height:31px;
	font-size:12px;
	overflow:hidden;
	font-style: inherit;
}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#947F7B;} 
.menu ul li:hover ul {display:block; position:absolute; top:31px; left:0; width:100px;}
.menu ul li:hover ul li a.hide {background:#transparent; color:#4A2F32;}
.menu ul li:hover ul li:hover a.hide {background:#7391DC; color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#7391DC;filter:alpha(opacity=85);
   -moz-opacity: 0.85;
   opacity: 0.85; color:#4A2F32;}
.menu ul li:hover ul li a:hover {background:#7391DC;filter:alpha(opacity=85);
   -moz-opacity: 0.85;
   opacity: 0.85; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:100px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-100px;}