.dropdown li a:hover { text-decoration: none; }

.dropdown li a {
  font: 11pt/1em Arial, Liberation, Sans-Serif; font-weight: bold; color: #FFFFFF; text-decoration: none; display: block; padding: 14px 15px;
}

.dropdown li li a {
  font: 8pt/2.4em Arial, Liberation, Sans-Serif; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 0;
}

.dropdown li li li a {
  font: 8pt/2.4em Arial, Liberation, Sans-Serif; font-weight: bold; color: #FFFFFF; text-decoration: none; padding: 0; padding-left: 5px;
}

/* this is the main UL element*/
.dropdown{
	visibility:hidden;
	margin:0;
	padding:0;
	list-style:none;
}

.dropdown li.separ { width: 2px; height: 45px; background: url("../media/site/menu-separ.png") no-repeat; }

/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0;
	list-style:none;
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	width:auto;
	height: 45px;
	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:#FFB119;
	width:100%;
}

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



/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	margin-left:-1px;
	height: 25px; 
	background: #FF6800; 
	border-top: 1px solid white;
	width: 245px;
	padding-left: 5px;
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu{
	width:auto;
}

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

.dropdown ul li li{
	margin-left:-1px;
	width: 390px;
	background: #FF8800;
}

.dropdown ul li:hover,.dropdown ul li li:hover,.dropdown ul li.sfhover,.dropdown ul li li.sfhover { background: #FF3300; }

.dropdown li.first { border: 0; }
.dropdown ul li.first { border: 0; }
.dropdown ul ul li.first { border: 0; }

.dropdown ul li.separ { display: none; }
.dropdown ul ul li.separ { display: none; }