div.sdmenu {
    width:          350px;
    padding-bottom: 10px;
    background:     url(bottom.gif) no-repeat right bottom;
}

div.sdmenu div {
    background: url(title.gif) repeat-x;
    overflow:   hidden;
}

div.sdmenu div.collapsed {
    height: 25px;
}

div.sdmenu div span {
    display:        block;
    padding:        5px 25px;
    font-weight:    bold;
    color:          white;
    background:     url(expanded.gif) no-repeat 10px center;
    cursor:         default;
    border-bottom:  1px solid white;
}

div.sdmenu div.collapsed span {
    background-image: url(collapsed.gif);
}

div.sdmenu div a {
    padding:            5px 10px;
    background:         khaki;
    display:            block;
    border-bottom:      1px solid white;
    color:              black;
    text-decoration:    none;
}

div.sdmenu div a.current {
    color:              white;
    background-color:   darkorange;
}

div.sdmenu div a:hover {
    background:         orangered url(linkarrow.gif) no-repeat right center;
    color:              white;
    text-decoration:    none;
}