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

#cssdropdown li {
float: right;
position: relative;
border-bottom:4px solid #BFC3D7;
}

.mainitems{
border: 0px solid black;
background-color: #FFFFFF;
padding-top:4px;
background-image:url('../img/li_bg.gif');
background-position:left;
background-repeat:no-repeat;
height:19px;
}

.mainitems a{
text-decoration: none;
font-family: "Tahoma", Verdana, sans-serif;
color:#000F60;
font-weight:bold;

padding-left:19px;
padding-right:19px;
padding-bottom:8px;
margin-left:1px;
}

.mainitems a:hover{

background-image:url('../img/a_bg.gif');
background-position:left;
background-repeat:repeat-x;
padding-left:19px;
padding-right:19px;
padding-bottom:8px;
margin-left:1px;
}

.subuls{
display: none;
width: 13em;
position: absolute;
top: 2.4em;
left: 0;
background-color: #ffffff;
border: 1px solid #8b8b8b;
}

.subuls li{
width: 100%;
text-align:center;
}

ul.subuls li a{
background-image:none;
display:block;
font-weight:normal;
padding-top:3px;
margin-left:0px;
padding-bottom:3px;
}

ul.subuls li a:hover{
background-image:none;
display:block;
background-color:#F8C206;
font-weight:normal;
text-decoration:none;
margin-left:0px;
padding-bottom:3px;
color:#000F60;
}















#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: 27px !important;
left: 0px;
}

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

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}