/* NAVIGATION AREA */

#navigationArea
{
    width: 968px;
    height: 25px;
    display: block;
    background-image: url(../images/navigation/bg.gif);
    background-repeat: repeat-x;
}

ol#navigation
{
    width: 968px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    background-image: url(../images/navigation/navMenu.gif);
}

#navigation a {
    display:block;
    height:26px;
}

li
{
    float: left;
    height: 25px;
    margin: 0px;
    padding: 0px;
    display: block;
}

li#login
{
    width: 64px;
}

li#joinAltpick
{
    width: 91px;
}

li#altpickDeck
{
    width: 95px;
}

li#altpickAwards
{
    width: 107px;
}

li#spotlightArchive
{
    width: 116px;
}

li#news
{
    width: 63px;
}

li#blog
{
    width: 78px;
}

li#library
{
    width: 88px;
}

li#myaltpick
{
    width: 95px;
}

li#associations
{
    width: 96px;
}

li#contact
{
    width: 75px;
}

li#login:hover
{
    background-image: url(../images/navigation/navMenu.gif);
    background-position: 0px -25px;
}

li#joinAltpick:hover
{
    background-image: url(../images/navigation/navMenu.gif);
    background-position: -64px -25px;
}

li#altpickDeck:hover
{
    background-image: url(../images/navigation/navMenu.gif);
    background-position: -155px -25px;
}

li#altpickAwards:hover
{
    background-image: url(../images/navigation/navMenu.gif);
    background-position: -250px -25px;
}

li#spotlightArchive:hover
{
    background-image: url(../images/navigation/navMenu.gif);
    background-position: -357px -25px;
}

li#news:hover
{
    background-image: url(../images/navigation/navMenu.gif);
    background-position: -473px -25px;
}

li#blog:hover
{
    background-image: url(../images/navigation/navMenu.gif);
    background-position: -536px -25px;
}

li#library:hover
{
    background-image: url(../images/navigation/navMenu.gif);
    background-position: -614px -25px;
}

li#myaltpick:hover
{
    background-image: url(../images/navigation/navMenu.gif);
    background-position: -702px -25px;
}

li#associations:hover
{
    background-image: url(../images/navigation/navMenu.gif);
    background-position: -797px -25px;
}

li#contact:hover
{
    background-image: url(../images/navigation/navMenu.gif);
    background-position: -893px -25px;
}