div#mainMenu { background-color: none; padding-top: 9px; }

/* Author: Craig Erskine Description: Dynamic Menu System - Horizontal/Vertical */

    /***** Menu horizontal *****/

    ul#horizontal { margin: 0; padding: 0; list-style: none; position: relative; }
    ul#horizontal ul { width: 160px; /* Sub Menu Width */ margin: 0; list-style: none; display: none; position: absolute; top: 100%; left: 0; }
    ul#horizontal ul ul,
    ul#horizontal ul ul ul { top: 0; left: 100%; }
    ul#horizontal li { float: left; display: inline; position: relative; margin:0; line-height: 1.1em; }
    ul#horizontal ul li { width: 100%; display: block; }

    /* Root Menu */
    ul#horizontal a { padding: 0 7px; float: left; display: block; color: #fff; font-family: "Century Gothic", Arial, Helvetica; font-size: 14px; text-decoration: none; height: 1%; }

    /* Root Menu Hover Persistence */
    ul#horizontal a.current,
    ul#horizontal a:hover,
    ul#horizontal li:hover a,
    ul#horizontal li.iehover a { text-decoration: underline; }


    /* 2nd Menu */
    ul#horizontal li:hover li a,
    ul#horizontal li.iehover li a { float: none; background: #BBB; }

    /* 2nd Menu Hover Persistence */
    ul#horizontal li:hover li a:hover,
    ul#horizontal li:hover li:hover a,
    ul#horizontal li.iehover li a:hover,
    ul#horizontal li.iehover li.iehover a { background: #999; }


    /* 3rd Menu */
    ul#horizontal li:hover li:hover li a,
    ul#horizontal li.iehover li.iehover li a { background: #999; }

    /* 3rd Menu Hover Persistence */
    ul#horizontal li:hover li:hover li a:hover,
    ul#horizontal li:hover li:hover li:hover a,
    ul#horizontal li.iehover li.iehover li a:hover,
    ul#horizontal li.iehover li.iehover li.iehover a { background: #666; }


    /* 4th Menu
    ul#horizontal li:hover li:hover li:hover li a,
    ul#horizontal li.iehover li.iehover li.iehover li a { background: #666; }

    /* 4th Menu Hover */
    ul#horizontal li:hover li:hover li:hover li a:hover,
    ul#horizontal li.iehover li.iehover li.iehover li a:hover { background: #333; }

    /* Hover Function - Do Not Move */
    ul#horizontal li:hover ul ul,
    ul#horizontal li:hover ul ul ul,
    ul#horizontal li.iehover ul ul,
    ul#horizontal li.iehover ul ul ul { display: none; }

    ul#horizontal li:hover ul,
    ul#horizontal ul li:hover ul,
    ul#horizontal ul ul li:hover ul,
    ul#horizontal li.iehover ul,
    ul#horizontal ul li.iehover ul,
    ul#horizontal ul ul li.iehover ul { display: block; }

/***** Menu vertical *****/
    ul#vertical,
    ul#vertical li,
    ul#vertical ul { width: 230px; /* Menu Width */ margin: 0; list-style: none; }
    ul#vertical li { float: left; position: relative; width: 100%; }
    ul#vertical li.iehover { z-index: 1000; /* IE z-index bugfix */ }
    ul#vertical ul { display: none; position: absolute; top: 0; left: 100%; z-index: 9999; }


    /* Root Menu */
    ul#vertical a { border-top: 1px solid #FFF; border-right: 1px solid #FFF; padding: 6px; display: block; background: #DDD; color: #666; font: bold 11px Arial, sans-serif; text-decoration: none; height: 1%; }

    /* Root Menu Hover Persistence */
    ul#vertical a.current,
    ul#vertical a:hover,
    ul#vertical li:hover a,
    ul#vertical li.iehover a { background: #BBB; color: #FFF; }


    /* 2nd Menu */
    ul#vertical li:hover li a,
    ul#vertical li.iehover li a { float: none; background: #BBB; }

    /* 2nd Menu Hover Persistence */
    ul#vertical li:hover li a:hover,
    ul#vertical li:hover li:hover a,
    ul#vertical li.iehover li a:hover,
    ul#vertical li.iehover li.iehover a { background: #999; }


    /* 3rd Menu */
    ul#vertical li:hover li:hover li a,
    ul#vertical li.iehover li.iehover li a { background: #999; }

    /* 3rd Menu Hover Persistence */
    ul#vertical li:hover li:hover li a:hover,
    ul#vertical li:hover li:hover li:hover a,
    ul#vertical li.iehover li.iehover li a:hover,
    ul#vertical li.iehover li.iehover li.iehover a { background: #666; }


    /* 4th Menu */
    ul#vertical li:hover li:hover li:hover li a,
    ul#vertical li.iehover li.iehover li.iehover li a { background: #666; }

    /* 4th Menu Hover */
    ul#vertical li:hover li:hover li:hover li a:hover,
    ul#vertical li.iehover li.iehover li.iehover li a:hover { background: #333; }

    /* Hover Function - Do Not Move */
    ul#vertical li:hover ul ul,
    ul#vertical li:hover ul ul ul,
    ul#vertical li.iehover ul ul,
    ul#vertical li.iehover ul ul ul { display: none; }
    ul#vertical li:hover ul,
    ul#vertical ul li:hover ul,
    ul#vertical ul ul li:hover ul,
    ul#vertical li.iehover ul,
    ul#vertical ul li.iehover ul,
    ul#vertical ul ul li.iehover ul { display: block; }

