.dcddm
{	margin: 0;
	padding: 0;
	background: #caccea;
	height: 20px;
	width: 600px;
	list-style: none}

	.dcddm li
	{	display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		font: 12px tahoma;
		font-weight: bold;
		border-right: 3px groove #ffffff}

	.dcddm li a, .dcddm li a#buttonnohover
	{	display: block;
		text-align: center;
		color: #000000;
		padding: 3px 10px;
		margin: 0;
		width: auto;
		text-decoration: none;
		background: #caccea}

	.dcddm li a:hover, .dcddm li a#buttonhover
	{	color: #ffffff;
		background: #686899}

		.dcddm ul
		{	margin: 1 1 1 1;
			padding: 0;
			visibility: hidden;
			position: absolute;
			clear: both;
			background: #caccea}
		
		.dcddm ul li
		{	float: none;
			border-width: auto}

		.dcddm ul li a
		{	white-space: wrap;
			width: 175px;
			margin: 0px;
			padding: 3px 10px;
			font: 10px tahoma;
			text-align: left;
			text-decoration: none;
			color: #000000}

		.dcddm ul li a:hover
		{	color: #ffffff;
			background: #686899;
			padding: 2px 10px;
			border: 1px solid #e6e9f3;
			border-width: 1px 1px}

		.dcddm .hsub { background-repeat: no-repeat; background-image: 
               url(''); background-attachment: 
               scroll; background-position: right 50% }
.dcddm .hsub:hover { background-color: #ffffff; background-repeat: no-repeat; background-image: 
               url(''); background-attachment: 
               scroll; background-position: right 50% }

<!--

A:visited { text-decoration: none }

A:active { text-decoration: none }

A:link { cursor: hand; text-decoration: none }

A:hover { text-decoration: none }

-->