.bar-menu {
    width: 190px;
}
.bar-menu .box1 {
    background-color: DarkGreen;
    color: Yellow;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 5px 8px;
    border-width: 1px;
    border-color: Gold;
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}
.bar-menu .box1-hover {
    background-color: Green;
    color: White;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 5px 8px;
    border-width: 1px;
    border-color: Gold;
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}
.bar-menu .box1-open {
    background-color: Gold;
    color: Black;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 5px 8px;
    border-width: 1px;
    border-color: DarkGreen;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.bar-menu .box1-open-hover {
    background-color: Gold;
    color: Black;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 5px 8px;
    border-width: 1px;
    border-color: DarkGreen;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.bar-menu .box1 img, .bar-menu .box1-hover img, .bar-menu .box1-open img, .bar-menu .box1-open-hover img {
    position: absolute;
    top: 6px;
    right: 6px;
}
.bar-menu .section {
    background-color: MediumSeaGreen;
    font-family: tahoma;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 5px 6px 5px;
    border-width: 1px;
    border-color: DarkGreen;
    border-style: none solid solid solid;
    display: none;
}
.bar-menu .section a {
    color: Black;
    text-decoration: none;
    white-space: nowrap;
}
.bar-menu .section a:hover {
    color: Gold;
    text-decoration: none;
    white-space: nowrap;
}
.bar-menu .box2 {
}
.bar-menu .box2-hover {
    background: DarkGreen;
}
.bar-menu .section .active,
.bar-menu .section .active:hover {
    color: yellow;
}