#menu{
	float: left;
	width: 770px;
	height: 32px;
}

#menu a{
	display:block;
	padding-right:10px;
	white-space: nowrap;
	color:#dad2bd;
	text-decoration: none;
	border-bottom:1px solid transparent;
}

#menu ul{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
} 

#menu h2 {
	width:126px;
}

#menu > ul{
	border:0;
}

#menu ul:hover{
	color: white;
}

#menu a,#menu h2 a{ 
	display:block;
	font-family: times new roman;
	font-size: 14px;
	font-weight: bold;
} 

#menu h2 a{
	color:#4b4026;
	font-weight: bold;
	display:block;
	padding:8px !important;
	background-image: url(if/badrutts/mainmenue_divider.gif);
	background-repeat: no-repeat;	
	background-position: right;
	margin-top:0;
}


#menu h2 a.active{
	color: white;
	
}


#menu a:hover{
	color: white !important;
}

#menu a.arrow{
	background:url(if/badrutts/arrow.gif) 96% center no-repeat;
	
}

#menu ul li{
	position: relative;
	font-size:12px;
}

#menu ul ul{
    background:#A2905A;
	left:0;
	position: absolute; 
	top: 32px;
	min-width:126px;
	z-index: 2;
	border-bottom:1px solid white;
	border-right:1px solid white;
	border-left:1px solid white;
}

#menu ul ul ul{
	left: 100%;
	position: absolute; 
	top: -1px; 
} 

#menu ul li a{
	padding:5px;
}

#menu ul ul li a {
    color:#d4d1bd !important;
    font-size:12px !important;
    font-weight:bold;
}

#menu ul ul li a.active {
    color:#FFF !important;
}

#menu ul ul li a:hover {
    color:#FFF !important;
}

#menu ul li h2 a{
	padding:2px;
}

div#menu ul ul,div#menu ul li:hover ul ul,div#menu ul ul li:hover ul ul{
	display: none;
} 

div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul{
	display: block;
} 

div#menu ul li:hover a {
    color:#FFF;
}

#menu ul li.arrow{
	background:url(if/badrutts/bg-submenue.png) repeat-x;
}

#menu ul ul li{
	background:url(if/badrutts/subnavi_bg.gif) repeat-x;
	border-top:1px solid #FFF;
}