.click-menu { color: white; text-decoration: none; position: relative; width: 145px; border-color: maroon; border-width: 2pt; }
.click-menu .box1 { background-color: black; color: white; font-weight: bold; font-size: 12px; font-family: tahoma; text-decoration: none; padding: 4px 8px; cursor: default; position: relative; border: solid 1px maroon; }
.click-menu .box1-hover { color: white; background-color: gray; font-weight: bold; font-size: 12px; font-family: tahoma; text-decoration: none; padding: 4px 8px; cursor: default; position: relative; border: solid 1px maroon; }
.click-menu .box1-open { color: white; background-color: black; font-weight: bold; font-size: 12px; font-family: tahoma; text-decoration: none; padding: 4px 8px; border-width: 1px; border-color: maroon; border-style: solid solid none; cursor: default; position: relative; }
.click-menu .box1-open-hover { background-color: gray; color: white; font-weight: bold; font-size: 12px; font-family: tahoma; text-decoration: none; padding: 4px 8px; border-width: 1px; border-color: maroon; border-style: solid solid none; cursor: default; position: relative; }
.click-menu .box1 img, .click-menu .box1-hover img, .click-menu .box1-open img, .click-menu .box1-open-hover img { text-decoration: none; position: absolute; top: 6px; right: 6px; }
.click-menu .section {
    background-color: black;
    font-family: arial;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 5px 6px;
    border-width: 1px;
    border-color: maroon;
    border-style: none solid solid;
    display: none;
}
.click-menu .section a {
    color: white;
    text-decoration: none;
    white-space: nowrap;
}
.click-menu .section a:hover {
    color: red;
    text-decoration: none;
    white-space: nowrap;
}
.click-menu .box2 { background-color: black; }
.click-menu .box2-hover {
    background: #000000;
}
.click-menu .section .active,
.click-menu .section .active:hover {
    color: maroon;
}