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

}

#csstopmenu li{
float: left;
position: relative;

}


#csstopmenu a{
text-decoration: none;
color:#8898A1;
background:#F1F7F9;
line-height:24px;



}

#csstopmenu  a:hover {
text-decoration: none;
color:#F1F7F9;
background:#8898A1;
line-height:24px;
width:100%;
}

.htopmenu {
padding:5px;

padding-left:28px;
padding-right:28px;
line-height:24px;
text-align:center; 
font-size:11px;
font-weight:bold;
color:#8898A1;


}

.htopmenu2 {
padding:5px;

padding-left:20px;
padding-right:20px;
line-height:24px;
text-align:center; 
font-size:11px;
font-weight:bold;
color:#8898A1;


}
/* a hack so that IE5.5 faulty box model is corrected */
* html .htopmenu {
padding-top:6px;

}


.mainitems{
margin: 0;
padding:0px;

}

.headerlinks a{
margin: auto;

}

/*
.headerlinks a{
margin-left: 10px;
margin-right:9px;

}
*/

.submenus{
display: none;
width: 180px;
position: absolute;
top: 24px;
left: -1px;
background-color: #F1F7F9;
border-top: 1px solid #B8C1C7;
border-left: 1px solid #B8C1C7;
border-right: 1px solid #B8C1C7;
border-bottom: 0px solid #B8C1C7;

}




.submenus li{
width: 100%;
border-bottom: 1px solid #B8C1C7;
margin-bottom:0px;
background-color: #F1F7F9;
text-align:left;

}

.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
text-align:left;

}

html>body .submenus li a{ /* non IE browsers */
width: auto;
text-align:left;

}

.submenus li a:hover{
color: #FF0000;
background-color: #B8C1C7;
text-decoration:none;
text-align:left;

}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;

}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
clear:both;
font-size:1px;
line-height:1px;
}