 
<style type="text/css">
<!-- 
#sddm
{	margin: 0;  
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left; }

#sddm li a
{	display: block; width: 100px;
	margin: 0 1px 0 0;
	padding: 4px 10px; border-bottom: 2px solid silver; border-right: 1px solid silver; 
	/* border: 1px red solid;background: #86213C; background-image: url('images/p2kHeader.gif'); background-repeat: repeat-x;   background-position:top;
	color: white	 ;text-align: center;*/
	
	text-decoration: none
}
 
#sddm li a:hover
{	background: #FAF3CB;  
	/**/ }

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #86213C;
	border-left: 1px solid silver; border-right: 1px solid silver; border-bottom: 1px solid silver;
}

#sddm div a
	{	position: relative; 
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: 100px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;color: #BD8D46;
		background:#FAF3CB;
		/*Text Color */}

#sddm div a:hover
{
		background: #86213C; color: white; /*Text Color */
}


 -->
</style>
