/* common styling */
.menu {
	font-family: Tahoma,Verdana,Arial,Helvetica; 
	width:200px;  
	position:relative; 
	margin:0; 
	padding: 0;
	font-size:10pt; 
	letter-spacing:1px;
	margin: 0; 
}
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#000; 
	width:200px; 
	height:27px; 
	text-align:right;
	padding-top: 6px;
	border:1px solid #fff;
	border-width:0 1px 1px 0;  
	line-height:19px; 
	/* font-size:11px;*/
}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative; background: url(../images/bg_menu.jpg) no-repeat;}
.menu ul li ul {display: none;}
.pad_right { padding-right: 21px; }

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background : url(../images/leftmenu_off.jpg) no-repeat; letter-spacing:1px;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:201px; width:151px;  background: #7A9BBC; }
.menu ul li:hover ul li a.hide { color:#000;}
.menu ul li:hover ul li:hover a.hide {width:200px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background: #7A9BBC; color:#000; width:200px; letter-spacing:0;}
.menu ul li:hover ul li a:hover {background: url(../images/leftmenu_off.jpg) no-repeat; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:201px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:155px; background:#ddd; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#00407D; color:#FFFF4E;}