#cssdropdown {
	margin:0;
	padding:0 0 0 20px;
	background:#ffd447 url(../images/topnavyellow.gif) repeat-x bottom left;
	float:right;
	width:519px;
	list-style:none;
}

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

#cssdropdown li {
	float: left;
	position: relative;
	display: inline;
	list-style: none;
}

.mainitems a{
	color:#fff;
	text-decoration:none;
	line-height:28px;
	margin:0 20px 0 0;
	font-weight:bold;
	display:block;
}

.mainitems a:hover{
	color:#ffff99;
}

.subuls{
	display: none;
	position: absolute;
	width:130px;
	background:#999999;
}

.subuls li{
	width:130px;
	font-size:90%;
}

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

.subuls li a:hover{
	background: #003366; 
	color:#ffcc00;
}

.subuls li a.arrow{
	background:#999999 url(../images/navarrow.gif) no-repeat right;	
}

.subuls li a.arrow:hover{
	background: #003366 url(../images/navarrowon.gif) no-repeat right; 
	color:#ffcc00;
}

.subuls li.sub2 a{
	background:#bbb;
	padding-left:20px;	
	width:115px;
}

.subuls li.sub2 a:hover{
	background: #003366; 
	color:#ffcc00;
}

#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;
}