/* this is the main UL element  */
.dropdown{
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:0px solid #B8A789;
	padding-bottom: 3px;
}

/* these are the inner menus   */
.dropdown ul{
	margin:0;
	padding:0;
	border-top:1px solid #444;
	list-style:none;
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	padding:5px;
	width:165px;
	background-color:#262626;
	cursor:pointer;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website */
.dropdown a{
	text-decoration:none;
	color:#FFF;
	width:100%;
}

.dropdown a:hover{
	text-decoration:underline;
}

/* these are the LIs that only belong to submenu */
.dropdown ul li{
	border:1px solid #444;
	border-top:0;
	margin-left:-1px;
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu-down{
  background: url('expand_down.png') center left no-repeat;
	font-weight: bold ; 
	text-align:center;
	width:125px;
}   
  /*background: #CC0000 url('expand_down.png') center left no-repeat;
	width:140px;
	font-weight: bold ; 
  padding-left:10px;
	padding-bottom:10px;
	margin-bottom:10px;*/
	
/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown li.submenu-left{
	background: url('expand_right.png') center right no-repeat;
	padding-left:10px;
	padding-bottom:20px;
	width:140px;
	font-weight: bold ; 
}

/*
ul#dropdown-demo.dropdown{
padding-left:0px;
background:green;
border: 2px #FFFFFF solid;
}

li#First{ 
  width:148px;
  line-height:30px;
  background:blue ;
  border: 2px #FFFFFF solid;
}

li#First Ul{  
  background:red;
  border: 2px #FFFFFF solid;
}

li#First Ul Li{ 
  text-align:left;
}
*/