/*
menu fomatting css
*/
#menu {
	list-style-type:none;
	margin:0;
	padding:0px;

	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
}

#menu a, #menu a:link {
	color:white;
	text-decoration:none;
}

#menu li {
	color:white;
	padding:0 1em;
	margin:0;
	
	/* cursor:default; */
	
	white-space:nowrap;
	list-style-type:none;
	
	/* display:inline; */
}
#menu.horizontal li {
	display:inline;
}
#menu.vertical {
	/* width:10em; */
	/* border-right:1px solid #660000; */
	/* background-color:black; */
}
#menu.vertical li {
	width:11em;
	background-color:#0072bb;
}
#menu.vertical li.root {
	margin-bottom:2px;
	white-space:normal;
	/* width:136px; */
	/* height:16px; */
	width:11em;
	padding-top:2px;
}

#menu li.active {
	width:11em;
	background-color:#660000;
}

#menu ul {
	position:absolute;
	visibility:hidden;
	text-align:left;
	
	background-color:#000099;
	border:1px solid #000066;
	
	width:15em;
	
	margin:0;
	padding:0;
}

#menu ul li,
#menu.vertical ul li,
#menu.horizontal ul li {
	display:block;
	border-bottom:1px solid #3333cc;
	
	padding:0.0em 0;
	
	white-space:normal;
	width:15em;
}
#menu ul li a {
	display:block;
	width:13em;
	color:#ccddff;
	text-decoration:none;
	
	padding:0.3em 1em;
	
	margin:0;
}
#menu ul li a:hover {
	color:white;
	background-color:#6677ff;
}
#menu ul li.active {
	background-color:#4444dd;
	color:white;
	z-index:100;
}