
/* set font to 10px/21px */
#menu, #menu a {
    font: 1.05em/2.1em Verdana, sans-serif;
    color: #424242;
}
/* rescale inner list items */
#menu li.sub, #menu li.sub a {
/*    font: 0.97em/2.1em Verdana, sans-serif; /* */
    font: 0.97em/1.5em Verdana, sans-serif;
}
#menu li.sub a {
    padding: 0.30em 0px;
}

/* unset list props */
ul#menu, ul#menu ul.submenu {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* horizontal borders */
ul#menu li.main {
    list-style-image: none;
    list-style-type: none;
    border-bottom: 1px solid white;
}
ul#menu ul.submenu li.sub {
    border-top: 1px solid #CBCBCB;
}

/* list anchors */
ul#menu a {
    display: block;
    text-decoration: none;
    _height: 1em; /* http://www.hicksdesign.co.uk/journal/546/ie-whitespace-bug */
}
/* set indentation of main and sub menu*/
ul#menu li.main a {
    padding-left: 17px;
}
ul#menu ul.submenu li.sub a {
    padding-left: 27px;
}

/* background images */
ul#menu li.main {
    background: url('../img/menu/menu_not_sel.png') no-repeat top left;
}
ul#menu li.main.sel, ul#menu li.main a:hover {
    background: url('../img/menu/menu_sel.png') no-repeat top left;
}
ul#menu li.main.expanded{
    background: url("../img/menu/menu_expanded.png") no-repeat top left;
}
ul#menu ul.submenu li.sub {
    background: url('../img/menu/menu_expanded_not_sel.png') no-repeat top left;
}
ul#menu ul.submenu li.sub a:hover {
    background: url('../img/menu/menu_expanded_sel.png') no-repeat top left;
}
ul#menu ul.submenu li.sub.sel {
    background-image: none;
    background-color: #E9E9E9;
}
