﻿#navigation {
    float: left;
    height: 26px;
    width: 978px;
    margin-bottom: 10px;
    border-top: solid 2px #1f3061;
    border-bottom: solid 2px #1f3061;
    border-left: solid 1px #1f3061;
    border-right: solid 1px #1f3061;
}

#mainNavigation ul {
    float: right;
    z-index: 100;
}

#mainNavigation li {
    float: left;
    padding: 0px 0 0px 0;
}

    #mainNavigation li a,
    #mainNavigation li .parent {
        display: block;
        padding: 0 5px 0 5px;
        line-height: 26px;
        white-space: nowrap;
        border-left: solid 1px #1f3061;
    }

    #mainNavigation li ul {
        display: none;
        position: absolute;
        margin-left: -20px;
    }

        #mainNavigation li ul li {
            float: none;
        }

            #mainNavigation li ul li a {
                margin: 0;
                line-height: 26px;
            }

    #mainNavigation li:hover ul {
        display: block;
    }

    /*transparent border to keep menu open a little longer*/
    #mainNavigation li ul {
        padding: 0 20px 20px 20px;
        border: 0;
    }

/*Use this to keep the first menu open for easy testing
#mainNavigation li.testing ul 
{ 
    display:block;    
}
*/


/*Skin*/
#mainNavigation ul {
    background: url(../../images/TransparentPixel.png) repeat;
}

#mainNavigation li ul li {
    background-color: white;
}

    #mainNavigation li:hover ul li a,
    #mainNavigation li ul li a {
        color: #1f3061;
    }

#mainNavigation ul li ul li {
    border-top: 0;
    border-left: solid 2px #1f3061;
    border-right: solid 2px #1f3061;
    border-bottom: solid 2px #1f3061;
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px#888;
    box-shadow: 2px 2px 2px #888;
}

#mainNavigation li:hover {
    background: #1f3061;
}

    #mainNavigation li:hover .parent,
    #mainNavigation li:hover a {
        color: white;
    }

#mainNavigation li ul li:hover {
    background: #1f3061;
}

    #mainNavigation li ul li:hover .parent,
    #mainNavigation li ul li:hover a {
        color: white;
    }

#mainNavigation li.current {
    background: #1f3061;
}

    #mainNavigation li.current .parent,
    #mainNavigation li.current a {
        color: white;
    }


/*Font*/
#navigation,
#navigation a {
    font-family: 'Times New Roman';
    color: #1f3061;
    text-decoration: none;
}


/*User Nav*/
#userNavEmpty,
#userNav {
    min-height: 490px;
}

#userNavigation .leftContentSectionBody {
    margin-left: 10px;
}

#userNavigation ul {
    margin: 0;
    width: 230px;
}

    #userNavigation ul li {
        margin: 10px 0 0 0;
        list-style-type: none;
        font-weight: bold;
    }

        #userNavigation ul li li {
            margin: 0;
        }

#userNavigation li span,
#userNavigation li a {
    margin: 20px;
    font-weight: normal;
    color: #333;
}

#userNavigation li.inactive {
    margin-left: 20px;
    font-weight: normal;
    color: #1f76d1;
}

#userNavigation li.currentChild {
    background: url(../../images/blue_arrow.png) no-repeat 0 3px;
}

    #userNavigation li.currentChild a {
        font-weight: bold;
    }
