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

#sddm li
{	margin: 0;
	padding: 0; 
	list-style: none;
	float: left;	text-align: center; vertical-align: middle;
	font: bold 12px arial;}

#sddm li a
{	display: block;
	margin: 0 20px 0 10; /*second 0 adjusts space between bars*/
	padding: 4px 10px;
	width: 100% height:16px;
	background: #FFF; /*original background!*/
	color:  #000;

	text-decoration: none}

#sddm li a:hover
{	background: #FFF;
    color: #cc3333;} /*hover background - if want same as header color:#cc3333 */

#sddm div

{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	margin-left: 1em;
	background: #FFF;
	border: 1px solid #000}

	#sddm div a
	
	{	position: relative;
	    display: block;
		margin: 0;
		padding:3px 10px;
		width: auto
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFF;
		color: #000;
		font: 12px arial
		}

	#sddm div a:hover
	{	background: #FFF;
		color: #CC3333}