/*-----MENU----*/

#main_menu{
	padding:0;
	overflow:visible;
	margin-bottom:10px;
	border:1px solid #ccc;
	border-top:2px solid #ccc;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/* 
	Define the width of the menu on a certain level.
	Define the lmenu variant too --> add a left: -1*width + horizontal border widths
	Define colors of certain levels.
*/

/* ---- HMENU ---- */
.hmenu li{
	padding:4px 10px;
	
}

.hmenu ul li a span
{
	font-weight:bold !important;
}

.hmenu>ul
{
	position:relative;	
/*	left:20px;*/
	height:23px;	
	background: url("../img/menu_both1px.png") repeat-x scroll 0 0 transparent;
}
.hmenu>ul>li:hover
{
	background:url("../img/menu_both1px_hover.png") repeat-x;
	z-index:1;
}

.hmenu>ul>li.last:hover
{
	background:url("../img/menu_both1px_hover.png") repeat-x;
}

.hmenu>ul>li.last
{
	margin-right:0 !important;
	float:left;
	height:23px;
	border:0;
}

.hmenu>ul>li{
	
	/*margin-right:20px !important;*/
	/*background:url("../img/menu_left.png") no-repeat left;*/
	height:23px;
	padding:0;
}
.hmenu>ul>li>a {
	font-weight:bold;
	text-decoration:none;
	/*background:url("../img/menu_right.png") no-repeat right;*/
	background:transparent;
	/*margin-left:2px;
	padding:0 10px 0 4px;*/
	
	line-height:23px;
}

.hmenu>ul>li>a>span {
	background:transparent;
	text-align:center;
	text-transform:uppercase;
	color:#e5d6b7;
	font:12px/1.9em Arial;
	display:block;	
}

.hmenu > ul ul li a {
	text-decoration:none;
	padding:2px 0;	
	text-align:left;
}

.hmenu > ul ul li a span{
	text-decoration:none;
	color:#e5d6b7;
	text-transform:uppercase;
}

.hmenu > ul ul ul li
{
	background:none repeat scroll 0 0 #FFFDEA;
}
.hmenu > ul ul ul li{

 	background: none repeat scroll 0 0 #FFFDEA;
    border-bottom: 1px solid #E8DCC8;
}

.hmenu > ul ul ul li a{
	padding: 2px 0;
    text-align: left;
    text-decoration: none;
}

.hmenu > ul ul ul li a span {
    color: #6B2916;
    text-decoration: none;
    text-transform: uppercase;
}

.hmenu > ul ul ul li span {
	/*background: none repeat scroll 0 0 transparent;
    color: #6B2916;
    display: block;
    font: 12px/1.9em Tahoma;
    text-align: center;
    text-transform: uppercase;*/
}

.hmenu > ul ul{
	width:190px;
	background: url("../img/menu_both1px.png") repeat-x scroll 0 0 transparent;	
}

/*------- 2nd level -------*/
.hmenu > ul >li > ul > li:hover
{
}

.hmenu > ul >li > ul {
	border:0;
	/*box-shadow: 2px 2px 10px #CCCCCC;*/
    opacity: 1;
}
.hmenu > ul >li > ul > li:last-child{
	border:0;
}
.hmenu > ul >li > ul > li{
	border-bottom: 1px solid #F57F23;	
}

.hmenu > ul >li > ul{
	background: url("../img/submenu_bg.png") repeat-x scroll 0 0 #f87b00;
    margin-left: 8px;
    /*padding: 0 10px;*/
    border-radius:10px;
    top: 23px;
}

.hmenu > ul >li > ul.lmenu{
	right:0; /* lmenu on the second level is special in a hmenu*/
}

/*------- 3rd+ level -------*/
.hmenu ul ul ul{
	display:none;
	left:100px; /* This value is the same as the width of the ul one level up*/
	margin-top:-6px;
}

.hmenu > ul > li > ul > li ul.lmenu{
	left:-102px; /* Width + border on the two sides */
}

.hmenu > ul > li > a
{
	margin:0 7px;
}

.hmenu > ul > li
{
	border-right: 1px solid #451f01;
}


.hmenu > ul > li:hover
{
	
}

.hmenu > ul > li > a
{
	padding:0 8px;
}

.hmenu > ul > li:hover > a
{
	background:url("../img/submenu_bg.png") repeat-x;
	border-radius:10px;
}

.hmenu > ul > li:hover > a > span
{
	color:#e5d6b7;
}

.hmenu > ul > li > ul > li:hover > a > span
{
	color:#e5d6b7;
}

.hmenu > ul > li > ul > li > ul > li:hover > a > span
{
	color:#288542;
}

.hmenu > ul > li.selected > a
{
	background:url("../img/submenu_bg.png") repeat-x;
	border-radius:10px;
}

.hmenu > ul > li.selected > a > span,.hmenu > ul > li.selected li.selected > a > span
{
	color:#E5D6B7;
}