﻿/* Nav */
.MainNav {
    position: relative;
    width: 1150px;
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #000000;
    background-image: url('../Images/Backgrounds/wide-grayline-gradient.jpg');
    background-image: linear-gradient(left, #000000 0%, #545454 10%,#545454 90%,#000000 100%);
    background-image: -webkit-linear-gradient(left, #000000 0%, #545454 10%,#545454 90%,#000000 100%);
    background-image: -o-linear-gradient(left, #000000 0%, #545454 10%,#545454 90%,#000000 100%);
    background-image: -ms-linear-gradient(left, #000000 0%, #545454 10%,#545454 90%,#000000 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#000000), color-stop(10%,#545454),color-stop(90%,#545454),color-stop(100%,#000000));
}

    .MainNav ul {
        position: relative;
        width: 935px;
        height: 30px;
        margin: 0 auto;
    }

        .MainNav ul li {
            display: inline-block;
            float: left;
            list-style-type: none;
            text-align: center;
        }

            .MainNav ul li a {
                display: block;
                padding-top: 5px;
                vertical-align: top;
                position: relative;
                font-family: 'BebasNeue';
                font-size: 14pt;
                letter-spacing: 1pt;
                text-decoration: none !important;
                text-transform: uppercase;
                color: #B2B2B2;
            }

                .MainNav ul li a:hover, .MainNav ul li a.Selected {
                    color: #FFF;
                }

.Menu3 {
    width: 311px;
}

.Menu4 {
    width: 233px;
}

.Menu5 {
    width: 187px;
}

.Menu6 {
    width: 155px;
}

.Menu7 {
    width: 133px;
}

.Menu8 {
    width: 116px;
}

/* Sub nav styling */
.ArrowSlider {
    position: relative;
    display: block;
    width: 22px;
    height: 6px;
    left: initial;
    background-repeat: no-repeat;
    background-image: url(../Images/NavTriangle.png);
}

.ie7 .ArrowSlider {
    position: relative;
    margin-left: 0;
    text-align: center !important;
}

#opacity5 {
    opacity: 0.5;
}

.SubNav {
    position: relative;
    width: 1150px;
    height: 0;
    margin: 0 auto;
    background-color: #000000;
    background-image: url('../Images/Backgrounds/light-grayline-gradient.jpg');
    background-image: -moz-linear-gradient(left, #000000 0%, #B2B2B2 10%,#B2B2B2 90%,#000000 100%);
    background-image: linear-gradient(left, #000000 0%, #B2B2B2 10%,#B2B2B2 90%,#000000 100%);
    background-image: -webkit-linear-gradient(left, #000000 0%, #B2B2B2 10%,#B2B2B2 90%,#000000 100%);
    background-image: -o-linear-gradient(left, #000000 0%, #B2B2B2 10%,#B2B2B2 90%,#000000 100%);
    background-image: -ms-linear-gradient(left, #000000 0%, #B2B2B2 10%,#B2B2B2 90%,#000000 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#000000), color-stop(10%,#B2B2B2),color-stop(90%,#B2B2B2),color-stop(100%,#000000));
}

    .SubNav ul {
        margin: 0 auto;
        height: 22px;
    }

        .SubNav ul li {
            display: inline-block;
            float: left;
            padding: 0 15px;
            list-style-type: none;
            text-align: center;
        }

            .SubNav ul li a {
                display: none;
                padding-top: 5px;
                vertical-align: top;
                font-family: 'QuestrialRegular';
                font-size: 9pt;
                text-decoration: none !important;
                text-transform: uppercase;
                color: #323232;
            }

#gamingNav {
    width: 811px;
}

    #gamingNav li {
        margin-right: 40px;
    }

        #gamingNav li#JackpotWinners {
            margin-right: -6px !important;
        }

#myTulalipNav {
    width: 450px;
}

    #myTulalipNav li {
        margin-right: 50px;
    }

        #myTulalipNav li#signup {
            margin-right: 0;
        }

#mytulalip > a {
    padding-left: 20px;
}

#diningNav {
    /*width: 727px; this is the size for just the draft */
    /*width: 865px; this is the size for both journeys east and the draft. */
    /*width: 640px; this is size without journeys east or the Draft */
    width: 900px; /*this is the size with canoes carvery instead of carvery*/
}

    #diningNav li {
        padding: 0 15px;
    }

#entertainmentNav {
    width: 715px;
    /*width: 830px; this is the size with taste of tulalip*/
}

#resortNav {
    width: 790px;
}

.SecondarySelector {
    position: absolute;
    height: 7px;
    width: 7px;
    padding: 7px;
    background: url(/Content/Images/Icons/red.png) no-repeat left center;
}

.RedBox {
    position: absolute;
    width: 7px;
    height: 7px;
    margin: 7px 4px 1px 0;
    vertical-align: top;
    background-color: #BD2025;
}

.ie7 #redBoxSubNav {
    margin: 4px 4px 0 0 !important;
}

.ie7 #redBoxLower {
    margin: 6px 4px 0 0 !important;
}

#redBoxLower {
    position: absolute;
    margin: 6px 0 0 0 !important;
}
