#navigation { position: relative; top: 0px; left:0px; width: 320px; z-index:1000; font-family:Arial, Helvetica, sans-serif;}

#menu {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 6px 0px 2px 0px;
	padding: 3px 4px 3px 22px;
	border: 0px solid #000000;
	color: #FFFFFF;
	list-style-type: none;
}

#menu LI { font-size:12px; margin: 0px 0px 1px 0px; padding: 0px 0px 2px 0px; }
#menu LI ul li{ font-size: 11px; line-height:25px;}
#menu LI UL { margin: 0px 0px 0px 15px; list-style-type: none; line-height:25px; }
html>body #menu LI UL { margin: 0px 0px 0px 12px; }

#menu A {
	display: block;
	line-height: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: transparent;
}
#menu A:visited { color: #FFFFFF; background-color: transparent; }
#menu A:active { color: #FFFFFF; background-color: transparent; }
#menu A:hover { color: #FFFF99; background-color: transparent; }

UL#menu { visibility: hidden; 	list-style-type: none; }

#menu A { display: block; line-height: 10pt; }
#menu A:hover, #menu A.unfolded, #menu A.unfolded:hover { color: #FFFF99; background-color: transparent; }

#menu LI { position: relative; margin: 0px; padding: 7px 0px 7px 0px; list-style: url(../images/bullet.gif);}
#menu LI ul li { position: relative; margin: 0px; padding: 7px 0px 7px 0px; list-style: none;}

#menu LI UL {
	display: none;
	position: absolute;
	top: 0px;
	border: 0px solid #000000;
	padding: 5px;
	list-style-type: none;
	color: #FFFFFF;
	background-color: #2a566c!important;
}

#menu LI UL { left: 120px; width: 220px; z-index: 100; }
html>body #menu LI UL { left: 80px; }

#menu LI UL LI UL { left: 90px; z-index: 240; }
html>body #menu LI UL LI UL { left: 75px; }

#menu LI UL LI, #menu LI UL LI UL LI { 	margin: 0px; padding: 1px 2px 1px 2px; }
html>body #menu LI UL LI, html>body #menu LI UL LI UL LI { padding: 0px 2px 0px 2px; }
html>body #menu LI UL LI A, html>body #menu LI UL LI UL LI A { padding: 1px 0px 1px 0px; }