/* common styling */
.menu {	
		font-family: arial, sans-serif;
		margin:0; 
		padding:5px 0;
		height:23px;
		background:url(../images/footer_bg.gif) repeat-x left top;
		border-bottom:1px solid #fff;
		}
.menu ul li a, .menu ul li a:visited {
		float:left;
		text-decoration:none; 
		color:#fff; 
		text-align:center; 
		margin:1px;
		background:none; 
		line-height:21px; 
		font-size:13px;
		font-weight:bold;
		padding:0 11px;
		}
.menu ul {padding:0; margin:0 auto;list-style-type: none; width:770px; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none; margin-top:21px; margin-left:-105px;}

/* specific to non IE browsers */
.menu ul li:hover a {
		color:#000; 
		background: none;
		border:1px solid #fff;
		margin:0;
		text-decoration:none;}

.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:164px; border-top:1px solid #fff;}
.menu ul li:hover ul li a.hide {background:#8eadbd; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#8eadbd  !important; color:#000; width:147px; border:1px solid #fff; border-width:0 1px 1px 1px; padding:0 0 0 15px; text-align:left; font-weight:normal;}
.menu ul li:hover ul li a:hover {background:#bdd5e1 !important; color:#000; border:1px solid #fff; border-width:0 1px 1px 1px;}