#cssdropdown {
	margin:0;
	padding:0;
	float:left;
	width: 100%;
	list-style: none;
	z-index:10;
	position: relative;
}

#cssdropdown ul {
	margin:0;
	padding:0;
	background:none;
	float:right;
}

#cssdropdown li {
	float: left;
	position: relative;
	display: inline;
	list-style: none;
	border-right:1px solid #fff;
	background: #0c2a87;
}

.mainitems { display: block;}

.mainitems a{
	color:#fff;
	text-decoration:none;
	line-height:28px;
	margin:0;
	display:block;
	padding:0 31px 0 30px;
}

.mainitems a:hover{
	background:#646464;
	color: #fff;
}

.subuls{
	display: none;
	position: absolute;
	background:#999999;
	z-index:10;
	border-top: 1px solid #fff;
	width: 100%;
	float: left;
}

#cssdropdown li.mainitems .subuls li{
	width:100%;
	border-right: none;
}

.subuls li a {
	text-decoration:none;
	color:#fff;
	display:block;
	text-decoration:none;
	background:#999999;	
	border-bottom:1px solid #fff;
	padding:6px 8px 6px 8px;
	line-height: 100%;
}

.subuls li a:hover{
	color:#fff;
}

* html .subuls{ width: 180px; }

#cssdropdown li.mainitems.last ul.subuls li a{ padding:6px 8px 6px 8px; }

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul.subuls, li.over ul.subuls{ /* lists nested under hovered list items */
display: block;
}