/* Begin CSS Popout Menu */

#menu{
width:520px;
padding: 0 0 10px 0;
}

#menu a{
font:normal 12px/205% arial,helvetica,sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding:0 5px;
line-height: 14px;
background:#eee;
text-decoration:none;
}

#menu h3{
font:bold 12px/205% arial,helvetica,sans-serif;
display:block;
border:1px solid #A09084;
white-space:nowrap;
margin:0;
padding: 3px 5px;
width: 90px;
color:#EEEAE6;
text-transform: none; 
background: #A09084 url('/images/arrow_off.gif') no-repeat 60px 10px;
}

#menu a, #menu a:visited{
color:#382515;
font-size: 10px;
}

#menu a:hover{
	color:#ccc;
	background:#EEEAE6;
}

#menu a:active{
color:#060;
background:#ccc;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width: 100px;
}

#menu li{
position:relative;
}

#menu ul ul {
position:absolute;
left: 0;
z-index:500;
top:auto;
display:none;
background: #EEEAE6;
border: 1px solid #382515;
padding: 5px 0;
}

#menu ul ul ul{
top:0;
left:100%;
}

div#menu li h3:hover{
	background: #EEEAE6 url('/images/arrow_on.gif') no-repeat 60px 10px;
	color: #6D6053;
	border: 1px solid #382515;
	border-bottom: none;
}

div#menu li:hover{
	cursor:pointer;
	z-index:100;
}


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


#menu a.x, #menu a.x:visited{
font-size: 10px;
font-weight:normal;
color:#392616;
background:#EEEAE6;
}



#menu a.x:hover{
color:#392616;
background:#EEEAE6;
}

#menu a.x:active{
color:#060;
background:#ccc;
}
/* End CSS Popout Menu */