.sd1menu {
    width: 170px;
    font-family: Arial;
    font-size: 11px;
    padding-bottom: 10px;
    background: #E8E9EA url(bottom.gif) no-repeat  right bottom;
    color: #FFF;
}

.sd1menu .title, .sd1menu .titlehidden{
    display: block;
    padding: 5px 0;
    font-weight: bold;
    color: white;
    background: #FFF url(title.gif) repeat-x;
}

.sd1menu .title {
    border-bottom: 1px solid #DDD;
}

.sd1menu .arrow {
		margin-left: 10px;
    margin-right: 7px;
}

.sd1menu .titlehidden {
    border-bottom: none;
}

.sd1menu #top {
    background: url(toptitle.gif) no-repeat;
}

.sd1menu .submenu {
    overflow: hidden;
}

.sd1menu .submenu a {
    padding: 5px 0;
    text-indent: 10px;
    background: #E8E9EA;
    display: block;
    border-bottom: 1px solid #DDD;
    color: #666666;
    text-decoration: none;
}

.sd1menu .submenu a:hover {
    background : #666666 url(linkarrow.gif) no-repeat right center;
    color: #FFF;
}

.sd2menu {
    width: 170px;
    font-family: Arial;
    font-size: 11px;
    padding-bottom: 10px;
    background: #E8E9EA url(bottom.gif) no-repeat  right bottom;
    color: #FFF;
}

.sd2menu .title, .sd2menu .titlehidden{
    display: block;
    padding: 5px 0;
    font-weight: bold;
    color: white;
    background: #FFF url(title.gif) repeat-x;
}

.sd2menu .title {
    border-bottom: 1px solid #DDD;
}

.sd2menu .arrow {
		margin-left: 10px;
    margin-right: 7px;
}

.sd2menu .titlehidden {
    border-bottom: none;
}

.sd2menu #top {
    background: url(toptitle.gif) no-repeat;
}

.sd2menu .submenu {
    overflow: hidden;
}

.sd2menu .submenu a {
    padding: 5px 0;
    text-indent: 10px;
    background: #E8E9EA;
    display: block;
    border-bottom: 1px solid #DDD;
    color: #666666;
    text-decoration: none;
}

.sd2menu .submenu a:hover {
    background : #666666 url(linkarrow.gif) no-repeat right center;
    color: #FFF;
}