#sddm {	margin: 0;
	padding: 0;
	z-index: 30;	
	height:30px;
	width:100%;
	vertical-align:middle;
	color:Black;
	background-image:url('/system/modules/com.affinity4.homepage/resources/img/silverSlice.jpg');
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold .8em arial;
	height:30px;
	
}


.normalone
{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 7px 11px 7px 11px;		
	color:#636466;
	text-align: center;
	text-decoration: none;	
	background-image:url('/system/modules/com.affinity4.homepage/resources/img/silverSep.jpg');
	background-position:right;
	background-repeat:no-repeat;
}

.lastone
{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 7px 22px 7px 22px;	
	color:#636466;
	text-align: center;
	text-decoration: none;	
	background-image:none;
}

.normalone:hover
{
	background: #FFC425;
	color:#FFFFFF;
	background-image:url('/system/modules/com.affinity4.homepage/resources/img/silverSep.jpg');
	background-position:right;
	background-repeat:no-repeat;
}

.lastone:hover
{
	background: #FFC425;
	color:#FFFFFF;
}



#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	width:auto;
	border: 1px solid #e3e7d1;
	z-index:100;
}

#sddm div a
{	
	position: relative;
	display: block;
	margin: 0px;
	padding: 5px 10px;	
	width: 159px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
/*	background: #FFC425;*/
	background: #91987D;
	color: #FFFFFF;
	font: 1em arial;
	border-bottom:1px solid #BDC7F7;
	
}

#sddm div a:hover
{		
	color:  #FFC425;
	background: #91987D;
}