/* this is the main UL element*/

.dropdown{

	display:none;

	margin:0;

	padding:0;

	list-style:none;

}



/* 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:120px;

	background-color:#000;

	cursor:pointer;

	border-top:0;

}



/* these are anchor in the menu, if you want to style them differently from the rest of you website*/

.dropdown a{

	list-style: none;

  	display: block;

  	text-decoration: none;

	color: #FFF;

	padding: 5px 15px 5px 0;

	margin-top: -14px;

}



.dropdown a:hover{

	background: #E8E8E8;

	color: #433F40;

}



/* these are the LIs that only belong to submenu*/

.dropdown ul li{

	border:1px solid #444;

	border-top:0;

	margin-left:-1px;

}



.dropdown>li:first-child{

	border-top:1px solid #444;

}



/* these are the LIs that contains a submenu*/

.dropdown li.submenu-down{

}



/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/

.dropdown li.submenu-left{

	background:#000;

	padding-right:20px;

	width:200px;

}

li.menu ul li {

	/*padding-bottom:0px;
	width: 220px;
	#width: 212px;

	text-align: left;


	#position:relative;
	#left:-16px;*/
	padding-bottom:0px;

	left:-10px;
	#left:-14px;
}

li.menu ul li a {

	padding-left: 10px;
	#position:relative;
	#left:-16px;
	border: 1px solid #696969;
}

ul#dropdown-demo {

	margin-left: 0 !important;

}