/* //////////////////////////////////////////////////
NAVIGATION
////////////////////////////////////////////////// */

/* Horizontal entries */
div#topmenu{
	z-index: 3000; 
	position:relative;
}

div#topmenu ul{
	margin:0px;
	padding:0px 5px 0px 0px;
	list-style:none;
	height:22px;
	width:640px;
	background: url(../_img/menu-bg.gif) repeat-x top left;
	float:left;
}

div#topmenu ul li{
	float:left;
}

div#topmenu ul a{
	display:block;
	padding:0 10px;
	line-height:22px;
	text-decoration:none;
	color:#ffffff;
	outline:none;
}

div#topmenu ul a:hover{
	background: url(../_img/menu-active-bg.gif) repeat-x top left;
}

#menu li a:hover, #menu li a.active {
	background: url(../_img/menu-active-bg.gif) repeat-x top left;
}

#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}


/* sub menu */

div#topmenu ul ul a:hover{
	background: url(../_img/menu-sub-bg-over.png) no-repeat top left;
	width:200px;
	line-height:20px;
}


div#topmenu ul ul{
	float:left;
	position: absolute;
	z-index: 3000; 
	clear:both;
	height:auto;
	list-style-type:none;
	width:200px;
	line-height:20px;
	top:22px;
	background:none;
}


div#topmenu ul ul a{
	line-height:20px;
	width:200px;
	border:none;
	outline:none;
}

div#topmenu ul ul a.last{
	height:25px;
	outline:none;
}


div#topmenu ul ul ul {
	position:absolute;
	top:0;
	left:100%;
} 

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

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

/* testing */

div#topmenu ul ul li{
	background: url(../_img/menu-sub-bg.png) no-repeat top left;
}

div#topmenu ul ul li.first{
	background: none;
	background: url(../_img/menu-sub-bg-top.png) no-repeat top left;
	width:200px;
	height:8px;
	line-height:8px;
}

div#topmenu ul ul li.last{
	background: none;
	background: url(../_img/menu-sub-bg-bottom.png) no-repeat top left;
	width:200px;
	height:14px;
	line-height:14px;
}