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

/* Begin CSS Popout Menu */

#menu{
	z-index:100;
	padding:0;
	margin:0;
	width:145px;
	margin-top:13px;
	margin-left:20px;
	*margin-left:-110px;
	padding-right:20px;
	position: absolute;
	padding-bottom:12em; /* To allow room for bottom dropdown */
}

#menu li {
	padding:0;
	margin:0;
	background-image:url(../images/but-c.gif);
	background-repeat:no-repeat;
	margin-bottom:8px;
    list-style: none;
	z-index: 1;
	width:145px;
	height:26px;
	text-align:center;
	vertical-align: middle;
	padding-top:10px;
}
#menu li li{
	background-image:url(none);
	margin:0;
	padding:5px;
	width:210px;
	margin-left:13px;
	*margin-left:5px;
	border-bottom:1px solid white;
}
#menu li li.noline{
	border-bottom:none;
}
#menu a{
	color:#FAE300;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
#menu li li a {
	background-image:url(none);
	text-align:left;
	font-size:90%;
	height:auto;
}

#menu a:hover{
color:#EF4D06;
}

#menu a:active{
}

#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.menu1{
	position:absolute;
	top:-130px;
	left:100%;
	width:249px;
	height:346px;
	display:none;
	background-image:url(../images/menusub1.png);
	background-repeat:no-repeat;
}
div#menu li ul.menu2{
	position:absolute;
	top:-130px;
	left:100%;
	width:249px;
	height:267px;
	display:none;
	background-image:url(../images/menusub2.png);
	background-repeat:no-repeat;
}

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

/* End non-anchor hover selectors */

/* Styling for Expand */


#menu a.x:hover{
}

#menu a.x:active{
}