/*
** CSS file containing layout specific to pages with 5 nav links
** with the separated "parent" link.
**
** $Log: panel-5link.css,v $
** Revision 1.1  2010/09/17 02:18:05  mikej
** Initial revision
**
** $Id: panel-5link.css,v 1.1 2010/09/17 02:18:05 mikej Exp $
*/

.navigation div.nav-links span.link a
{
    /*
    ** Originally tried using 20%, but IE6 has alignment difficulties
    ** with 4 items each 20%, instead use 1px less than 20%.
    */
    width: 139px;
}

.navigation div.nav-links span.no-link
{
    float: left;

    /*
    ** Originally tried using 20%, but IE6 has alignment difficulties
    ** with 5 items each 20%, instead use 1px less than 20%.
    */
    width: 139px;
}

.navigation span.parent-link a
{
    float: left;
    text-decoration: none;

    /*
    ** Originally tried using 20%, but IE6 has alignment difficulties
    ** with 4 items each 20%, instead use 1px less than 20%.
    */
    width: 139px;

    border-right: 3px;
    border-right-color: white;
    border-right-style: solid;
}

.navigation span.parent-link a img
{
    border-width: 0;
    background-position: 0px 0px;
}

/*
** We add yet another span, because in HTML 4.01 strict, the image
** gets an underline as well as the text.
*/
.navigation span.parent-link a:hover span.text
{
    text-decoration: underline;
}

.navigation span.parent-link a:hover img
{
    background-position: 0px -50px;
}