#area_menu {
    background: #E5F3FB url(../images/area_menu_stripes.png) repeat-x top left;
    min-height: 6.25em;
}

#menu_gradient {
    height: 6.25em;
    background: url(../images/area_menu_gradient.png) repeat-x top left;
}

#area_menu {
    padding: 1.25em;
}

#area_menu a {
    display: block;
    font-family: Verdana, sans-serif;
    text-decoration: none;
    color: black;
    font-size: 0.6875em;
    margin-bottom: 0.5em;
    padding: 0.1em 0.3em 0.1em 0.625em;
}

#area_menu a:hover {}

#area_menu a.active {
    border-top: 0.0625em solid white;
    border-bottom: 0.0625em solid white;
    font-weight: bold;
}

#area_menu .item_sub_menu {
    border-bottom: 0.0625em solid white;
    margin-bottom: 0.5em;
    margin-top: -0.3em;
    overflow: hidden;
}

#area_menu .item_sub_menu a {
    display: block;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-left: 1.5em;
    font-size: 0.625em;
    color: #333333;
    margin-bottom: 0;
}

#area_menu .item_sub_menu a:hover {}

#area_menu .item_sub_menu a.active {
    font-weight: bold;
    border: 0;
}

#area_menu .item_sub_menu .item_sub_menu {
    border-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
}

#area_menu .item_sub_menu .item_sub_menu a {
    font-style: italic;
    padding-left: 2.75em;
}

/* 
    menu coloring
*/
#area_menu.area_1 a:hover, 
#area_menu.area_1 a.active,
#area_menu.area_1 .item_sub_menu a:hover {
    background-color: #FDD2D6;
}
#area_menu.area_1 .item_sub_menu,
#area_menu.area_1 .item_sub_menu a.active {
    background-color: #FEF4F4;
}

#area_menu.area_2 a:hover, 
#area_menu.area_2 a.active,
#area_menu.area_2 .item_sub_menu a:hover {
    background-color: #FFD1B2;
}
#area_menu.area_2 .item_sub_menu,
#area_menu.area_2 .item_sub_menu a.active {
    background-color: #FFF7F2;
}

#area_menu.area_3 a:hover, 
#area_menu.area_3 a.active,
#area_menu.area_3 .item_sub_menu a:hover {
    background-color: #FFFDBA;
}
#area_menu.area_3 .item_sub_menu,
#area_menu.area_3 .item_sub_menu a.active {
    background-color: #FFFFF3;
}

#area_menu.area_4 a:hover, 
#area_menu.area_4 a.active,
#area_menu.area_4 .item_sub_menu a:hover {
    background-color: #D7EEB2;
}
#area_menu.area_4 .item_sub_menu,
#area_menu.area_4 .item_sub_menu a.active {
    background-color: #F8FCF2;
}

#area_menu.area_5 a:hover, 
#area_menu.area_5 a.active,
#area_menu.area_5 .item_sub_menu a:hover {
    background-color: #B2DDF3;
}
#area_menu.area_5 .item_sub_menu,
#area_menu.area_5 .item_sub_menu a.active {
    background-color: #E5F3FB;
}

#area_menu.area_6 a:hover, 
#area_menu.area_6 a.active,
#area_menu.area_6 .item_sub_menu a:hover {
    background-color: #E3D0EE;
}
#area_menu.area_6 .item_sub_menu,
#area_menu.area_6 .item_sub_menu a.active {
    background-color: #F1E7F6;
}

#area_menu.area_7 a:hover, 
#area_menu.area_7 a.active,
#area_menu.area_7 .item_sub_menu a:hover {
    background-color: #CCD6E0;
}
#area_menu.area_7 .item_sub_menu,
#area_menu.area_7 .item_sub_menu a.active {
    background-color: #E5EAEF;
}
#area_menu.area_8 a:hover, 
#area_menu.area_8 a.active,
#area_menu.area_8 .item_sub_menu a:hover {
    background-color: #99CCFF;
}
#area_menu.area_8 .item_sub_menu,
#area_menu.area_8 .item_sub_menu a.active {
    background-color: #99CCFF;
}
#area_menu.area_9 a:hover, 
#area_menu.area_9 a.active,
#area_menu.area_9 .item_sub_menu a:hover {
    background-color: #FFE57F;
}
#area_menu.area_9 .item_sub_menu,
#area_menu.area_9 .item_sub_menu a.active {
    background-color: #FFE57F;
}

#area_menu.area_15 a:hover, 
#area_menu.area_15 a.active,
#area_menu.area_15 .item_sub_menu a:hover {
    background-color: #CCD6E0;
}
#area_menu.area_15 .item_sub_menu,
#area_menu.area_15 .item_sub_menu a.active {
    background-color: #E5EAEF;
}

#area_menu.area_16 a:hover, 
#area_menu.area_16 a.active,
#area_menu.area_16 .item_sub_menu a:hover {
    background-color: #CCD6E0;
}
#area_menu.area_16 .item_sub_menu,
#area_menu.area_16 .item_sub_menu a.active {
    background-color: #E5EAEF;
}

#area_menu.area_17 a:hover, 
#area_menu.area_17 a.active,
#area_menu.area_17 .item_sub_menu a:hover {
    background-color: #CCD6E0;
}
#area_menu.area_17 .item_sub_menu,
#area_menu.area_17 .item_sub_menu a.active {
    background-color: #E5EAEF;
}

#area_menu.area_18 a:hover, 
#area_menu.area_18 a.active,
#area_menu.area_18 .item_sub_menu a:hover {
    background-color: #CCD6E0;
}
#area_menu.area_18 .item_sub_menu,
#area_menu.area_18 .item_sub_menu a.active {
    background-color: #E5EAEF;
}