/*** ESSENTIAL STYLES ***/
.mainNav, .mainNav * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mainNav {
    line-height: 1.0;
    height: 41px;
    margin: 0;
}

    .mainNav ul {
        position: absolute;
        top: -999em;
        width: 150px; /* left offset of submenus need to match (see below) */
        font-size: 12px;
    }

        .mainNav ul li {
        }

    .mainNav li:hover {
        visibility: inherit; /* fixes IE7 'sticky bug' */
    }

    .mainNav li {
        padding: 0;
        float: left;
        position: relative;
    }

    .mainNav a {
        display: block;
        position: relative;
    }

    .mainNav li:hover ul, .mainNav li.sfHover ul {
        left: 0;
        top: 40px; /* match top ul list item height */
        z-index: 99;
        min-width: 200px;
        border-top: 0 none;
    }

/*** THEME ***/
.mainNav {
    margin-bottom: 0;
    list-style: none;
    height: 41px;
}

    .mainNav li {
        display: inline;
        float: left;
        height: 100%;
        padding-right: 1px;
        background: url(../Images/mainNav-divider.gif) no-repeat right;
    }

    .mainNav a {
        display: inline;
        float: left;
        text-decoration: none;
        color: #ffffff;
        height: 28px;
        font-size: 18px;
        padding: 13px 0 0;
        font-weight: normal;
        text-transform: uppercase;
        background: url(../Images/mainNav-bg.gif) repeat-x;
        font-family: Century Gothic;
    }

        .mainNav a, .mainNav a:visited { /* visited pseudo selector so IE6 applies text colour*/
            color: #ffffff;
        }

    .mainNav .group a, .mainNav .group a:visited {
        color: #333333;
    }

    .mainNav .leaf a, .mainNav .leaf a:active {
    }

    .mainNav li a:hover, .mainNav li.group a {
        background: url(../Images/mainNav-bg-active.gif) repeat-x;
    }

    .mainNav li ul {
        background: #fbfbfb;
        color: #333333;
        width: 100%;
        margin: 0;
        opacity: 0.9;
    }

    .mainNav li li {
        line-height: 12px;
        overflow: hidden;
        height: auto;
        z-index: 99;
        margin: 0;
        padding: 0;
        background: #fbfbfb !important;
        display: block;
        width: 100%;
        border-top: 1px solid #46166b;
    }

        .mainNav li li.first {
        }

        .mainNav li li.last {
        }

        .mainNav li li a {
            color: #333333;
            font-size: 12px;
            padding: 5px;
            margin: 0;
            line-height: 12px;
            height: auto;
            width: 90%;
            float: left;
            display: block;
            padding: 10px 15px;
            background: none;
        }

            .mainNav li li a:hover, .mainNav li.group li a {
                background: none;
            }

    .mainNav li a:link, .mainNav li a:visited {
    }

    .mainNav li li a:link, .mainNav li li a:visited {
        color: #333333;
        font-size: 12px;
    }

    .mainNav li li:hover, .mainNav li li.sfHover,
    .mainNav li a:focus, .mainNav li li a:hover, .mainNav li a:active {
        outline: 0;
    }

    .mainNav li a:focus, .mainNav li a:active {
    }

    .mainNav li li:hover a, .mainNav li li.sfHover a, .mainNav li li a:focus, .mainNav li li a:hover, .mainNav li li a:active {
        outline: 0;
    }

    .mainNav li li a:hover, .mainNav li li.group {
        color: #333333;
        background: #ffbe24;
    }

    .mainNav li li ul {
        width: 100%;
        margin: 0;
    }

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    padding: 0 0 0 0;
    margin: 0;
}

    .sf-shadow ul.sf-shadow-off {
        background: transparent;
    }