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

/* remove all list stylings */
.menu, .menu ul {
    margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu ul {}
.menu li {position: relative; float: left; z-index: 5; margin: 0; padding: 0; border: 0; display: block;}
.menu li:hover {z-index: 10000; white-space: normal;}
.menu li li {float: none; border-left: 1px solid white; border-right: 1px solid white;}
.menu li li a {background: #79A823 !important; height: auto !important; width: 11em !important; color: white; padding: .25em 1em; border-bottom: 1px solid white;}

.menu li#nav-education li a {width: 14em !important;}

.menu li li a:hover {background: #888 !important; border-bottom: 1px solid white !important;}

.menu ul {visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0;}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

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

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
    background-image: url(../images/empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */

.menu ul {
	width: 11em;
}

.menu li#nav-education ul {width: 14em;}

.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}