/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
	position:absolute;
	z-index:100;
    font-family: Arial;
    left:290px;
    width:530px;
    height: 30px;
    text-align:right;
    font-weight: bold;	
}

.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:black;
	float:left;
	height:30px;
	text-align:left;
	border:0px;
	margin:0px 0px 0px 0px;
	padding:0px 5px;
	line-height:30px;
	vertical-align:middle;
	overflow:hidden;
	color: #000;
	letter-spacing: 0.04em;
	text-decoration: none;
}

.menu a{color:#fff}
.menu a:hover{color:#000}
.menu ul li{background:white;}

.menu ul {padding:0; margin:0; list-style: none; float: left;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover{background:#EFEFEF}
.menu ul li:hover a {vertical-align:middle;}
.menu ul li:hover ul {padding-top:0px;text-align:left;padding-left:5px;display:block; position:absolute; top:30px; left:50px; width:50px; height:25px; line-height:25px; vertical-align:middle; *left:0px;}
.menu ul li:hover ul li{background:#EFEFEF}
.menu ul li:hover ul li a.hide {text-align:left;padding-left:5px;height:25px;line-height:25px;vertical-align:middle;}
.menu ul li:hover ul li:hover a.hide {text-align:left;padding-left:5px}

.menu ul li:hover ul li ul {width:70px;text-align:left;padding-left:5px;display: none;height:25px;line-height:25px;vertical-align:middle;}
.menu ul li:hover ul li a.hide {width:70px;text-align:left;padding-left:5px;display:block;  height:25px;line-height:25px;vertical-align:middle;}
.menu ul li:hover ul li a:hover {text-align:left;padding-left:0px;height:25px;line-height:25px;vertical-align:middle;}
.menu ul li:hover ul li:hover ul {width:210px;text-align:left;padding-left:03px;display:block; position:absolute; left:100px; top:0;}
.menu ul li:hover ul li:hover ul li{width:210px;}

.menu ul li:hover ul li:hover ul li a.hide {width:210px;text-align:left;padding-left:5px;display:block;  height:25px;line-height:25px;vertical-align:middle;}
.menu ul li:hover ul li:hover ul li a:hover {text-align:left;padding: 3px 0px 2px 5px;height:25px;line-height:25px;vertical-align:middle;}

.menu ul li:hover ul li:hover ul li ul{display:none; position:absolute; left:0px; top:0;height:25px;line-height:25px;}
.menu ul li:hover ul li:hover ul li:hover ul{display:block;}