/* mainmenu */
.mainmenu {
   margin: 15px 0 0 -5px;
   height:26px;
   font-size:14px;
}
.mainmenu li {
   float:left;
   list-style:none;
   margin-right:30px;
   z-index: 1000;
}
.mainmenu li a {
   color:#4d4d4d;
   text-decoration:none;
   display:block;
   padding:5px;
}
.mainmenu li.active a,
.mainmenu li a:hover {
   color:#c80850;
}

/* submenu */
ul.submenu
{
    display: none;
    position: absolute;
    background: #fff;
    z-index: 100;
    width: 170px;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
}
/* doesn't work in IE6, so let jquery handle it
.mainmenu li:hover ul 
{
    display: block;
}*/
ul.submenu li 
{
    display: block;
    width: 100%;
    float: none;
	font-size:11px;
	line-height:30px;
	border-bottom: 1px dotted #CCC;
}
ul.submenu li a 
{
    display: block;
    width: 157px;
    padding: 3px 3px 3px 10px;
    margin: 0;
}
ul.submenu li a span 
{
    
    padding-bottom: 5px;
}
ul.submenu li a:hover 
{
    xbackground: #c80850;
    color: #c80850;
}