ul{
	margin:0;
	padding:0;
	
}

ul.container{
	/* The topmost UL */
	width:220px;
	margin:0 0;
	padding:0px;
	font-size:13px;
}

li{
	list-style:none;
	text-align:left; 
	
}

li.menu{
	/* The main list elements */
	padding:2px 0;
	width:100%; 
	border-top: 1px solid #a8a087;
}

li.button a{
	/* The section titles */
	display:block;
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	height:18px;
	overflow:hidden;
	padding:5px 10px 0;
	position:relative;
	width:190px;
	
	
}

li.button a:hover{
	/* Removing the inherited underline from the titles */
	text-decoration:none; color: #000;
}

li.button a span{
	/* This span acts as the right part of the section's background */
	
	position:absolute;
	right:0;
	top:0;
	width:20px;
	display:block; 
}

/* Sets up the main categories look and feel */
li.button a.brown{ color:#e0d5b5; background-color: #5a4131; height: 20px; margin-top:-2px; width: 200px; }
li.button a span{width: 22px; height: 25px; background-image: url(../images/u-d_arrow2.gif); background-repeat: no-repeat; background-position:7px 4px; }



li.button a:hover{ color: #fff; background-color: #cab085;  }


.dropdown{
	/* The expandable lists */
	display:none;
	padding-top:0px;
	width:220px;
}

.dropdown li{
	/* Each element in the expandable list */
	display: block;
	margin:3px 10px 2px 5px;
	_margin: 2px 5px 2px 5px;
	width: 200px; font-size: .9em;
	
}

.dropdown li a {
	display: block; height: 19px; background-color: #50392b; 
  text-decoration: none; padding-left: 13px; padding-top: 2px; width: 200px; font-size: 1.1em;
}



.clear{
	clear:both;
}

a, a:visited {
	color: #cab085; font-weight: normal;
	text-decoration:none;
	outline:none;
}
.dropdown li a:hover { color: #fff; background-color: #7a604f; }

.dropdown li a:active {color: #fff; background-color: #cab085;}

li a.current {color: #f4f1e0; }