.bar-menu {
    width: 220px;
}
.bar-menu .box1 {
    background-color: #C6D8E6;
    color: #000000;
font:bold 12px/16px arial,helvetica,sans-serif;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #448882;
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}
.bar-menu .box1-hover {
    background-color: #FEAD4F;

font:bold 12px/16px arial,helvetica,sans-serif;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #99CCAE;
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}
.bar-menu .box1-open {
    background-color: #C6D8E6;
    color: #000000;
font:bold 12px/16px arial,helvetica,sans-serif;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #448882;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.bar-menu .box1-open-hover {
    background-color: #FEAD4F;
    color: #CCEEEB;
font:bold 12px/16px arial,helvetica,sans-serif;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #99CCAE;
    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: #FFFFFF;
font:12px/16px arial,helvetica,sans-serif;
    line-height: 15px;
    padding: 5px 5px 6px 5px;
    border-width: 1px;
    border-color: #448882;
    border-style: none solid solid solid;
    display: none;
}
.bar-menu .section a {
    color: #000000;
    text-decoration: none;
    white-space: nowrap;
}
.bar-menu .section a:hover {
    color: #CCEEEB;
    text-decoration: none;
    white-space: nowrap;
}
.bar-menu .box2 a:hover{
    background: #FFFFFF;
	color:#000;
	font:bold;
}
.bar-menu .box2-hover {
    background: #FFFFFF;
	color:#000;
	font:bold;
}
.bar-menu .section .active,
.bar-menu .section .active:hover {
    color: yellow;
}