/* --- 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:  Arial,Verdana,Tahoma,Geneva,Helvetica,sans-serif;
    font-size: 12px;
    text-decoration: none;
    font-weight:bold;
    margin: 4px 0 0 8px;
    color: #FFFFFF;
}
.m0l0iover {
    font-family: Arial,Verdana,Tahoma,Geneva,Helvetica,sans-serif;
    font-size: 12px;
    font-style: bold;
    text-decoration: none;/**/
    margin: 5px 0 0 8px;
    color: #FFFFFF;
}

/* level 0 outer */
.m0l0oout {
    text-decoration : none;
    font-weight:bold;
    background-image: url(img/lev0_bg1.gif);
    border: 1px solid #336699;
    background-color: #2C5F93;
}
.m0l0oover {
    text-decoration : none;
    font-weight:bold;
    background-image: url(img/lev0_bg2.gif);
    background-color: #2C5F93;
    border: 1px solid #336699;
}

/* level 1 inner */
.m0l1iout {
    font-family: Arial,Verdana,Tahoma,Geneva,Helvetica,sans-serif;
    font-size: 12px;
    font-weight:bold;
    margin: 4px 0 0 17px;
    color: #FFFFFF;
}
.m0l1iover {
    font-family: Arial,Verdana,Tahoma,Geneva,Helvetica,sans-serif;
    font-size: 12px;
    font-weight:bold;
    margin: 4px 0 0 17px;
    color: #C0C0C0;
}

/* level 1 outer */
.m0l1oout {
    text-decoration : none;
    font-weight:bold;
    background-color: #5286BB;
    border: 1px solid #336699;
    padding: 0;
}
.m0l1oover {
    text-decoration : none;
    font-weight:bold;
    background-color: #1A4D81;
    background-image: url(img/lev1_arrow.gif);
    background-repeat: no-repeat;
    border: 1px solid #336699;
    padding: 0;
}