/* --- menu styles ---
note:
        not all browsers render styles the same way so try out your style sheet
        on different browsers before publishing;
*/
/* level 0 inner */
.m0l0iout {
        display: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-decoration: none;
        padding: 4px;
        color: #FFFFFF;
}
.m0l0iover {
        display: none;
        font: 12px Arial, Helvetica, sans-serif;
        text-decoration: underline;
        padding: 4px;
        color: #FFFFFF;
}

/* level 0 outer */
.m0l0oout {
        display: none;
        text-decoration : none;
        border : 1px solid white;
        background: #FFFFFF;
}
.m0l0oover {
        display: none;
        text-decoration : none;
        border : 1px solid white;
        background: #BEA878;
}

/* level 1 inner */
.m0l1iout {
        font: 12px Arial, Helvetica, sans-serif;
        text-decoration: none;
        padding: 4px 4px 0 4px;
        color: #4C3A30;
}
.m0l1iover {
        font: 12px Arial, Helvetica, sans-serif;
        text-decoration : none;
        padding: 4px 4px 0 4px;   background: #BEA878;
        color: white;
}

/* level 1 outer */
.m0l1oout {
        text-decoration : none;
        border : 1px solid white;
        background:  #DDD2AF;

}
.m0l1oover {
        text-decoration : none;
        border : 1px solid white;
        background: #BEA878;
}

/* level 2 inner */
.m0l2iover {
        font: 12px Arial, Helvetica, sans-serif;
        text-decoration : none;
        padding: 4px 4px 0 4px;
        color: #4C3A30;
}

/* level 2 outer */
.m0l2oout {
        text-decoration : none;
        border : 1px solid white;
        background: #313A85;
}
.m0l2oover {
        text-decoration : none;
        border : 1px solid white;
        background: #4C3A30;
}