/* common styling */
.submenu {
	width: 180px;
	opacity: 1;
	float: left;
	/*filter: alpha(opacity = 80);

  -moz-opacity:0.8;	float: left;*/
}
.submenu ul li a {
	display:block;
	text-decoration:none;
	padding-left:10px;
	color:#dfe4e8;
	width:170px;
	height:20px;
	text-align:left;
	border:1px solid #fff;
	border-width:1px 0px 0 0;
	line-height:19px;
	font-size:11px;
	color:#fff;
	background-color: #0b4493;
}
.arrow {background: url(../img/arrow.gif) right center no-repeat;}
.submenu ul {padding:0; margin:0;list-style-type: none;  }
.submenu ul li {float:left; margin-right:0px; position:relative; }
.submenu ul li ul {display: none;}

/* specific to non IE browsers */
.submenu ul li:hover a {color:#fff; background:#2fbbee;}
.submenu ul li:hover ul {display:block; position:absolute; top:0; left:180px; width:230px;}
.submenu ul li:hover ul li a.hide {background:red; color:#000;}
/*.submenu ul li:hover ul li:hover a.hide {width:150px;}*/
.submenu ul li:hover ul li ul {display: none;}
.submenu ul li:hover ul li a {display:block; background: #aae9ff; color:#102f67; width:230px;}
.submenu ul li:hover ul li a:hover {background:#fff; color:#00adee;}
.submenu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
/*.submenu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#00adee;}
.submenu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}*/