﻿/* common styling */
.menu {font-family: Tahoma, Verdana, Arial, sans-serif; width:125px; position:relative; margin:0px 0px 0px 6px; font-size:11px;}
.menutext {padding-top: 8px; display:block;}
.menusubtext {padding-top: 6px; display:block;}
.menu ul li a, 
.menu ul li a:visited 
{
	display:block; 
	text-decoration:none; 
	color:#FFF; 
	width:123px; 
	height:36px; 
	text-align:center;
	background-color: #A0ABC9;	 	
	background-image: url('/images/nav_button.jpg');
	line-height:19px; 
	font-size:11px;
	font-weight:bold;	
}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative; margin-bottom: 8px;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {background-image: url('/images/nav_button_down.jpg'); background-repeat:no-repeat; background-position:left top;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:123px; width:202px; border-top: solid 1px #666; z-index:10000;}
.menu ul li:hover ul li {margin-bottom:0px; overflow:visible; z-index:10000;}
.menu ul li:hover ul li a.hide {background:#A0ABC9; color:#FFF;}
.menu ul li:hover ul li:hover a.hide {width:200px; height:32px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a
{	
	display: block;
	background: #A0ABC9;
	color: #FFF;
	width: 200px;
	height:32px;
	border-left: solid 1px #666;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;	
}
.menu ul li:hover ul li a:hover
{
	background: #8B92AC;
	color: #FFF;
}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:201px; top:0; color:#FFF;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; height:32px; background:#A0ABC9; color:#FFF;}
.menu ul li:hover ul li:hover ul li a:hover {background:#8B92AC; color:#fff;}