/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus - 20050131 */
/* Begin CSS Popout Menu */

#menu{
	position:relative;
	top:0.2em;
	left:0.5em;
	z-index: 2;
	width:160px;
	padding-bottom:5em; /* To allow room for bottom dropdown */
}

#menu a{
	font-weight: bold;
	display:block;
	white-space:nowrap;
	margin:0;
	padding:1px 2px;
	width: 100%;
	color: #999;
	text-decoration:none;
	font-variant: small-caps;
	font-size: 10px;
}

#menu h3{
	margin:0;
	border:none;
}

#menu a:hover{
	text-decoration:underline;
	color: #ddd;
}

#menu ul{
	margin:1px;
	padding:0;
	width:100%;
}

#menu a.b{
	color: #000; 
	font-size: 10px; 
	margin-left: 10px; 
	padding-left: 8px; 
}

#menu a.b:hover{}

#menu ul {
	list-style-image: none;
}

div#menu li, div#menu li:hover{
	position:relative;
	padding: 0px;
	margin: 0px;
}

div#menu li ul{
	list-style: none;
	list-style-image: none;
	position:absolute;
	top:0;
	left:100%;
	display:none;
	padding: 0px
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{
	display:none; 
	line-height: 1.2em
}

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