/* CSS Menus - Horizontal CSS Menu with Popout and Dropdown Menus - 20050131 */

/* A FEW QUICK REFFERENCES:
from lightest to darkest:
gray 1: #AEAEA6 (body bg)
gray 2: #9a9789 (menu bg) old 9A9A92
gray 3: #8C8B82 (text in banner)
gray 4: #7f7b69 (menu hover) old 7E7E73
gray 5: #767264 (menu here) old 68685F
gray 6: #282924 (borders)
orange: #FFC14F
--------------------------------------------------------- */
#menu-wrap {
margin-top:21px;
}

#menu {
	position:fixed;
	top: 0;
	right: 0;
	float: right;
	width: 100%; 
	z-index: 20;
background: url(/images/menu-stripes.jpg) no-repeat top right;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
width:110px;
float:right;
/*background-image: url(/images/translucent-box.png); */
}

#menu ul.narrow {
width:60px;
}

#menu a {
display: block;
font: normal 11px/16px verdana, arial, helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
text-align: left;
border: 1px solid #6d6a5b;
border-right: 0;
margin: 0;
padding: 2px 6px;
letter-spacing:0.05em;
background-color: #9a9789;
}

.closelist-r {
	border-right: 1px solid #6d6a5b;
}

.closelist-b {
	border-bottom: 1px solid #6d6a5b;
}

#menu a:hover {
	color: #FFC14F;
	background-color: #7f7b69;
}

#menu ul ul a {
	border-right: 1px solid #6d6a5b;
	border-bottom: 0;
	background-color: #9a9789;
}

#menu li {
position: relative;
}


#menu ul ul {
position: absolute;
z-index: 20;
top:100%;
left:0;
display:none;
width: 140%;
}

#menu ul.narrow ul {
width: 200%;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 75%;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul {
display: block;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
display: block;
}