
/* common styling */
.menu {
	font-family: arial, sans-serif;
	width:200px;
	height:20px;
	position:relative;
	font-size:0.7em;
	font-weight:bold;
	z-index:100;
	padding-left:5px;
	float:left;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	width:199px;
	height:20px;
	text-align:left;
	padding-left:8px;
	line-height:18px;
	color:#ffffff;
	overflow:hidden;
	background-image: url(images/hg_amenu.gif);
	background-repeat: no-repeat;
	background-position:top left;

}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {
	float:left;
	position:relative;
}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#ffffff; background:url(images/hg_amenu2.gif);}
.menu ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:200px;}

.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:url(images/hg_amenu2.gif); color:#ffffff;}
.menu ul li:hover ul li#ddf a {display:block; background:url(images/hg_bottom.gif); color:#ffffff; background-repeat:no-repeat;}

.menu ul li:hover ul li a:hover {background:url(images/hg_amenu2_a.gif); color:#434343;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:200px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-200px;}
