/* MAIN NAV (FRENCH) -----------------------------------------*/

div#header {
    height:30px; width:883px;
    padding-left:17px;
}

#mainnav {
    position:relative; float:left;
    height:17px; width:600px;
    margin-top:13px;
}

#mainnav li {
    float:left;
}

#mainnav a,
#mainnav a:hover {
    position:absolute; display:block;
    height:17px;
    font-size:0; line-height:0; text-align:left; text-decoration:none; text-indent:-900%; text-transform:capitalize;
    outline:none;
}

    #mainnav a#about {
        background: transparent url(../images/mainnav_fr.png) no-repeat scroll left top;
        left: 0;
        width: 87px;
    }
    #mainnav a#about:hover {
        background: transparent url(../images/mainnav_fr.png) no-repeat scroll left bottom;
    }

    #mainnav a#stories {
        background: transparent url(../images/mainnav_fr.png) no-repeat scroll -96px top;
        left:104px;
        width:87px;
    }
    #mainnav a#stories:hover {
        background: transparent url(../images/mainnav_fr.png) no-repeat scroll -96px bottom;
    }

    #mainnav a#protect {
        background: transparent url(../images/mainnav_fr.png) no-repeat scroll -192px top;
        left: 208px;
        width:71px;
    }
    #mainnav a#protect:hover {
        background: transparent url(../images/mainnav_fr.png) no-repeat scroll -192px bottom;
    }

    #mainnav a#adopt {
        background: transparent url(../images/mainnav_fr.png) no-repeat scroll -271px top;
        left: 296px;
        width: 63px;
    }
    #mainnav a#adopt:hover {
        background: transparent url(../images/mainnav_fr.png) no-repeat scroll -271px bottom;
    }

    #mainnav a#foster {
        background: transparent url(../images/mainnav_fr.png) no-repeat scroll -343px top;
        left: 376px;
        width: 71px;
    }
    #mainnav a#foster:hover {
        background: transparent url(../images/mainnav_fr.png) no-repeat scroll -343px bottom;
    }

    #mainnav a#volunteer {
        background: transparent url(../images/mainnav_fr.png) no-repeat scroll -423px top;
        left: 464px;
        width: 67px;
    }
    #mainnav a#volunteer:hover {
        background: transparent url(../images/mainnav_fr.png) no-repeat scroll -423px bottom;
    }

    #mainnav a#work {
        background: transparent url(../images/mainnav_fr.png) no-repeat scroll -499px top;
        left: 548px;
        width: 61px;
    }
    #mainnav a#work:hover {
        background: transparent url(../images/mainnav_fr.png) no-repeat scroll -499px bottom;
    }

    #mainnav a#donate {
        background: transparent url(../images/mainnav_fr.png) no-repeat scroll -569px top;
        left: 626px;
        width: 35px;
    }
    #mainnav a#donate:hover {
        background: transparent url(../images/mainnav_fr.png) no-repeat scroll -569px bottom;
    }

    #mainnav a.active {
        background-position-y: bottom;
    }

    div#header a#donate {
        position:absolute; top:12px; left:640px;
        text-decoration:none;
    }
        div#header a#donate img {
            display:block;
            border:none;
        }