/*

	This CSS dropdown menu is adapted from CSS PLaY's
	Ultimate CSS Only DropDown Menu:
	http://www.cssplay.co.uk/menus/final_drop.html

*/



 /* common styling */
.menu {
	font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	border-bottom: 1px solid #6c6c6c;
	height: 25px;
	background: #317db6 url("../images/blue_gradient.gif") repeat-x bottom left;
	position: relative;
	font-size: 11px;
	z-index: 1000;
}

.menu ul {
	padding:0; 
	margin:0;
	list-style: none;
	font-weight: bold;
}

.menu ul li {
	float:left;
	position:relative;
}

.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#eee; 
/*	width:130px;  */
	width: auto;
	height:15px; 
	border:1px solid #6c6c6c; 
	border-width:0 1px 0 0; 
/*	background:#dfc184;  */
	padding: 5px;
	padding-left:10px; 
/*	line-height:3em; */
}

* html .menu ul li a, .menu ul li a:visited {
	width: auto;
}

.menu ul li ul {
	display: none;
}

.menu table {
	margin:-1px; 
	border-collapse:collapse;
/*	font-size:1em; */
	border: none;
	width: 20px; 
}

.menu tr, .menu td {
	border: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
	background: #5895c3 url("../images/blue_gradient.gif") repeat-x bottom left;
	color: #f0f0f0;
}

.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:25px;
	margin-top:1px;
	left:0; 
	width:150px;
	background: url("../images/shadow.png") no-repeat 100% 100%;
	padding: 0 5px 4px 0;
	font-weight: normal;
}

.menu ul li:hover ul li ul {
	display: none;
}

.menu ul li:hover ul li a {
	display:block; 
	color: #333;
	background: #f5f5f5 url("../images/silver_gradient.gif") repeat-x bottom left;
	height:auto; 
	line-height:1.2em; 
	padding:5px 10px; 
	width:129px;
	border-left: 1px solid #a5a5a5;
	border-right: 1px solid #a5a5a5;
}

.menu ul li:hover ul li a.drop {
/*	background:#c9c9a7 url(../../graphics/drop.gif) bottom right no-repeat; */
}

.menu ul li:hover ul li a:hover {
	color: #f0f0f0;
	background: #5895c3 url("../images/blue_gradient.gif") repeat-x bottom left;	
}

.menu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:150px; 
	top:0;
	width:150px;
}

.menu ul li:hover ul li:hover ul.left {
	left:-150px;
}