/*Remove all spacings from the list items*/
ul.navi,
.subnavi-1,
.subnavi-2{
	margin-top: 10px;
	padding: 0px;
	cursor: default;
	list-style-type: none;
	display: inline;
	z-index:10;
}

ul.navi{
	display: table;
}

.mainmenu,
.sub-mainmenu,
.sub-sub-mainmenu{
	padding: 2px 6px;
	width: 110px;
	float:left;
}
.mainmenu{
	display: table-cell;
	position: relative;
}
.sub-mainmenu{
	position:relative;
	
}
.sub-sub-mainmenu{
	position:relative;
}

/*Make the sub list items invisible*/
.subnavi-1,
.subnavi-2{
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-top: 2px;
}

/*When hovered, make them appear*/
.mainmenu:hover>ul{
	display:block;
	top:105px;
	left:-20px;
}
.sub-mainmenu:hover>ul{
	display: block;
	left:110px;
	top:0px;
}

/************************************/
/*** Menu colors (customizable) ***/
/************************************/



ul.subnavi-1,
ul.subnavi-2{
	border-left: 1px solid #639A36;
	border-right: 1px solid #639A36;
	border-bottom: 1px solid #639A36;
	background-color:#E2CA46;
}

li.sub-mainmenu,
li.sub-sub-mainmenu{
	border-top: 1px solid #639A36;
	background-color:#E2CA46;
	color: #000000;
	text-align:left;

}

li.sub-mainmenu:hover,
li.sub-sub-mainmenu:hover{
	background-color:#FEFF99; 
	color:#639A36;
	text-align:left;
}

ul.navi:active,
ul.subnavi-1:active,
ul.subnavi-2:active{
	background-color: #036;
	color: #fff;
}

ul.navi a,
ul.subnavi-1 a,
ul.subnavi-2 a{
	text-decoration: none;
}