#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0 0 0 10px;
list-style: none;
list-style-type: none;
}

#cssdropdown ul{
	margin: 0;
}

#cssdropdown li {
float: left;
position: relative;
margin:0 5px 0 5px;
list-style: none;
list-style-type: none;
}

li.mainitems {padding:5px 2px; margin:0 5px 0 5px;}

li.mainitems a, li.mainitems a:link, li.mainitems a:visited {
color:#ffffff;
font-weight:bold;
text-decoration: none;
}

li.mainitems a:hover {color:yellow; text-decoration: underline;}

.subuls{
display: none;
position: absolute;
top: 23px;
left: 0;
margin:0 0 0 0;
width:200px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background:#fff;
color:#22397c;
}

.subuls li{
margin:0 0 0 0;
padding:5px 0;
width:200px;
}

.subuls li a, .subuls li a:link, .subuls li a:visited {text-decoration: underline; padding:5px 0; color:#22397c;}
.subuls li a:active, .subuls li a:hover{text-decoration: underline; padding:5px 0; color:#000;}




ul.subuls li a:hover, ul.subuls  li a:focus, ul.subuls  li a.rollover, ul.subuls  li a.rollover:visited {
	text-decoration:underline;
	background:#e6e8ed;
	color:#000;
	font-weight: bold;
	font-size: 11px;}




#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: 23px;
left: auto;
}

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