<style>
	#sddm
	{
		margin: 0;
		padding: 0;
		z-index: auto;
	}

	#sddm li
	{
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		font: bold 13px arial;
	}

	#sddm li a
	{
		display: block;
		margin: 0 1px 0 0;
		padding: 2px 2px;
		width: 92px;
		background: Purple;
		color: White;
		text-align: center;
		text-decoration: none;
		list-style-position: inherit;
	}

		#sddm li a:hover
	{
		background-color: Purple;
		color: Yellow;
	}

	#sddm div
	{
		position: absolute;
		visibility: hidden;
		margin: 0;
		padding: 0;
		background: #E1E1E1;
		border: 1px solid Purple;
	}

	#sddm div a /*-- drop down menu text*/
	{
		position: relative;
		display: block;
		margin: 0;
		padding: 4px 5px;
		width: inherit;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #E1E1E1;
		color: #8B008B;
		font: 13px verdana;
	}

		#sddm div a:hover  /*-- chosen drop down menu text*/
	{
		background: Purple;
		display: block;
		width: auto;
		color: Yellow;
		font: 13px verdana;
	}

	.menu
	{
		background: Purple;
	}
</style>