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

/* Begin CSS Popout Menu */

#menu{
	position:absolute;
	width:134px;
}

#nav1 {
	margin-top: 21px;
}

#nav1 ul li {
	position: relative;
	
	line-height: 1.0em;
}

#nav1 ul li img {
	padding:3px;
}


#nav1 li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #881b1b;
}

#nav1 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#nav1 li, div#nav1 li:hover{
	position:relative;
}

div#nav1 li ul{
	position:absolute;
	top:0;
	left:100.1%;
	display:none;
	
	background-color: #f0efde;
	border-width: 2px;
	padding:3px;
	border-style:solid;
	border-color: #ccc5af #6c685d #6c685d #ccc5af;
}

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

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

/* End non-anchor hover selectors */

/* Styling for Expand */

#nav1 a.x, #nav1 a.x:visited{
background:#eee url(/css/images/expand3.gif) no-repeat bottom right;
}

#nav1 a.x:hover{
color:#a00;
background:#ddd;
}

#nav1 a.x:active{
color:#060;
background:#ccc;
}

#nav1 li:hover, #nav1 li.over { 
	background-color: #fdfef0;
}




/* Second menu set */
#nav2 {
	margin-top: 21px;
}

#nav2 ul
{
	list-style: none;
	margin: 1px;
	padding: 1px;
	
	z-index: 3;
}

#nav2 li
{
	font-family: Courier;
	padding: 1px 1px 2px 4px;
	
	line-height: .7em;
}	

#nav2 a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #2f2f2f;
}

#nav2 li:hover, #nav2 li.over { 
	background-color: #fdfef0;
}