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

/*
*{margin:0;padding:0;border:none;}

body{margin:0.5em 0.5em 0.5em 1.0em;font-size:100%;font-family:verdana,tahoma,arial,sans-serif;}
*/

/* Begin CSS Popout Menu */

#menu{
	float: 					left;
	
	margin-left: 			0;
	z-index:				2;
	width:				130px;
	height:				auto;
	padding-bottom:	12px; /* To allow room for bottom dropdown */
	text-transform:	lowercase;
}

#menu a, #menu h6{
	font:					normal 11px verdana, arial, helvetica, sans-serif;
	display:				block;
	white-space:		nowrap;
	margin:				0;
	padding:				1px 3px;
}

#menu h6{
	color:				#FFF;
}

#menu a{
	color: 				#FFF;
	text-decoration: 	none;
	padding-top: 		3px;
	padding-bottom: 	3px;
	padding-left: 		5px;
	padding-right: 	5px;
	text-align: 		left;
	border-bottom: 2px dotted #666;
}

#menu a:hover{
	color: 				#FFF;
	background:		    #7694ac;
}

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

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

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
	position:			relative;
}

div#menu li ul{
	position:			absolute;
	top:					0;
	left:					100.1%;
	display:				none;
	text-align:			left;
}

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;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
	display:				block;
	background:				#5b4122;
}
div#menu li li a
{
	color: #fff;
	text-align: left;
}
div#menu li li a:hover
{
	background: #a99985;
}
/* End non-anchor hover selectors */

.submenu a, .submenu h6{
	font:					normal 11px verdana, arial, helvetica, sans-serif;
	display:				block;
	white-space:		nowrap;
	margin:				0;
	padding:				1px 3px;
	border:				0;
	border-left:		5px solid #fff;
}

.submenu a{
	width: 				180px;
	height: 				auto;
	background-color:	#333;
	padding: 			3px;
	color:				#fff;
	font-size: 			10px;
	text-align:			left;
}

.submenu a:hover{
	width: 				180px;
	height:				auto;
}
.submenu {
	display: none;
}