/* - - - ADxMenu: IE6 BASIC styles [MANDATORY] - - - */

/*
	this rules improves accessibility - if Javascript is disabled, the entire menu will be visible
	of course, that means that it might require different styling then.
	in which case you can use adxie class - see: aplus.co.yu/adxmenu/examples/ie6-double-style/
 */
.menu ul {
	visibility: visible;
	position: static;
}

.menu, .menu ul { /* float.clear */
	zoom: 1;
}

.menu li.adxmhover {
	z-index: 10000;
}

.menu .adxmhoverUL { /* li:hover>ul selector */
	visibility: visible;
}

.menu .adxmhoverUL { /* 1st-level submenu go below their parent item */
	top: 100%;
	left: 0;
}

.menu .adxmhoverUL .adxmhoverUL { /* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* - - - ADxMenu: DESIGN styles - - - */

.menu ul a { /* fix clickability-area problem */
	zoom: 1;
}

.menu li li { /* fix white gap problem */
	float: left;
	width: 100%;
}

.menu a:hover, .menu .adxmhoverA { /* li:hover>a selector */
	color: #f8f1d1;
	background-color: #68261a;
	background-image: url(../media/NavBG-Hover.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

.page-friends .menu a:hover, .page-friends .menu .adxmhoverA { /* li:hover>a selector */
	color: #68261a;
	background-color: #f9de58;
	background-image: url("../media/NavBG.gif");
	background-repeat: repeat-x;
	background-position: top left;
}

.menu .adxmhoverUL .adxmhoverUL { /* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

#serviceFooter {
	float: left;
	width: 97%;
}