/* 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;
	list-style:none;
	width: auto;
	
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	padding:0px;
	cursor:pointer;
	width: auto;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a{
	text-decoration:none;
	line-height: 30px;
	font-size: 12px;
	color: #000000;
	width: auto;
}

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

/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	/*margin-left:-1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333; */
	
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu-down{
	background-color: #FFFFFF;
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown li.submenu-left{
	/*padding-right:20px;*/
	width:105px;
}

.li{
	margin-left:-1px;
	background-color: #ffffff;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	width: 150px;
}
.li a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	height: 30px;
	padding-left: 23px;
	color: #460047;
	width: 160px;
	background-color: #FFFFFF;
	background-image: url(../images/logo-icon.jpg);
	background-repeat: no-repeat;
	background-position: 3px center;
}
.li a:hover {
	background-color: #fbeaff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/logo-icon2.jpg);
	background-repeat: no-repeat;
	background-position: 3px center;
}