/* CSS Document */

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */

#menu {
	padding:0px;
	margin:0px;
	list-style:none;
	width:160px;
	height:25px;
	position:relative;
	z-index:25;
	background:transparent;
	visibility:visible;
}

#menu li.top {display:block; float:left; padding:0px; position:relative;}
#menu li a.top_link {display:block; float:left; height:25px; padding:0px; cursor:pointer;}
#menu li a.top_link span {display:block; float:left; padding:0px; height:25px;}

#menu li a.top_link span.down {display:block; float:left; padding:0px; width:160px; height:25px; background:url(../menu/navi.png) no-repeat;}
#menu li a.top_link:hover {cursor:pointer;}

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu a:hover {visibility:visible;}
#menu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0px; height:0px; margin:0px; padding:0px; list-style:none; z-index:100;}

#menu ul.sub {left:0px; top:25px; background:url(../graphics/bg_content.png) repeat; padding:3px 0px; border:1px solid #fff; border-width:0px 1px 1px 1px; white-space:nowrap; width:158px; height:auto; z-index:300; visibility:hidden;}
#menu ul.sub li {display:block; height:20px; position:relative; float:left; width:158px;}
#menu ul.sub li a {display:block; font-size:0.9em; height:20px; width:158px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none;}

#menu :hover ul.sub {left:0px; top:25px; background:url(../graphics/bg_content.png) repeat; padding:3px 0px; border:1px solid #fff; border-width:0px 1px 1px 1px; white-space:nowrap; width:158px; height:auto; z-index:300; visibility:visible;}
#menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:158px;}
#menu :hover ul.sub li a {display:block; font-size:0.9em; height:20px; width:158px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none;}
#menu :hover ul.sub li a:hover {background:url(../menu/bg_menu_sub_over.png) no-repeat; color:#f0ff00;}

/* filter:alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40; */