#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
}

#sddm li a:hover
{	
	background: #99FF66;
	color: #333;
}

#sddm div
{

	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid #99FF66;
	z-index:30;
}

#sddm div a:hover
{	
	background: #99FF66;
	color: #333;
	font-weight:bold;
}

/* to change background color of the menu, change background of div and div a */
/* to change menu text color, change color of div a */
/* to change mouse over background color, change background of div a: hover */
/* to change the border color of menu, change border of div */