/* --- 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 {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-decoration: none;
        padding: 4px;
        color: #FFFFFF;
}
.m0l0iover {
        font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
        text-decoration: none;
        padding: 4px;
        color: #FFFFFF;
}

/* level 0 outer */
.m0l0oout {
        text-decoration : none;
        border : 1px solid #FFFFFF;
        /* background: #4682B4; */
    background: #624d80;
}
.m0l0oover {
        text-decoration : none;
        border : 1px solid #FFFFFF;
        /* background: #5AA7E5; */
    background: #9373bf;
}

/* level 1 inner */
.m0l1iout {
        font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
        text-decoration: none;
        padding: 4px;
        color: #000000;
}
.m0l1iover {
        font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
        text-decoration : none;
        padding: 4px;
        color: #000000;
}

/* level 1 outer */
.m0l1oout {
        text-decoration : none;
        border : 1px solid #FFFFFF;
        background: #c9cc70;
        filter: alpha(opacity=85);
}
.m0l1oover {
        text-decoration : none;
        border : 1px solid #FFFFFF;
        background: #eff285;
}

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

/* level 2 outer */
.m0l2oout {
        text-decoration : none;
        border : 1px solid #FFFFFF;
        /* background: #cc5050; */
        background: #cf6767;
}
.m0l2oover {
        text-decoration : none;
        border : 1px solid #FFFFFF;
        /* background: #f25e5e; */
        background: #f77e7c;
}