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

/* A FEW QUICK REFFERENCES:
#3F4147 (body bg mid gray)
#2A2C33 (menu bg here)
#4F5163 (menu bg hover)
#565A7C  (menu bg) 606274

#282924 (borders)
Yellow: #EBC951
--------------------------------------------------------- */
#menu {
	position:fixed;
	top: 104px;
	left: 50px;
	float: left;
	width: 100%; 
	z-index: 20;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
width:75px;
float:left;
background-color: #565A7C;
}

#menu ul.trans {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

#menu ul.transWide {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
width:100px;
}

div#menu ul.opaque {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#menu ul.long {
width:110px;
background-color: #565A7C;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}

#menu a {
display: block;
font: normal 12px/16px verdana, arial, helvetica, sans-serif;
color: #EBC951;
text-decoration: none;
text-transform: uppercase;
text-align: left;
border: 1px solid #000000;
border-right: 0;
margin: 0;
padding: 2px 6px;
}

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

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

#menu a:hover {
	color: white;
	background-color: #4F5163;
}

#menu ul ul a {
	border-right: 1px solid #000000;
	border-bottom: 0;
	background-color: #606274;
}

#menu li {
position: relative;
}


#menu ul ul {
position: absolute;
z-index: 20;
top:100%;
left:0;
display:none;
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;
}