/**
* footer.css
* Sitewide Arago Footer styles
*/

#siteFooter {
    clear: both;
    background-color: #28363f;
    position: relative;
    width: 100%;
    height: 40px;
}

#footerlogo {
    left: 0; top: 0;
    width: 160px;
    height: 40px;
    background-image: url(../../img/smithsonian_logo.gif);
    background-repeat: no-repeat;
}

#footerlogo a {
    display: block;
    overflow: hidden;
    padding-top: 40px;
    height: 0px !important;
    height /**/:40px;
    position: relative;
    z-index: 100;
}

/**
* Centered footer navigation
*/

#footernav ul {
    width: 368px; height: 19px;
    background-repeat: no-repeat;
    margin: 0; padding: 0;
    position: absolute;
    top: 11px; left: 181px;
    clip: rect(0, 368px, 19px, 0);
}

#footernav.share-off ul {
    width: 321px;
    clip: rect(0, 321px, 19px, 0);
    left: 203px;
}

#footernav li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    height: 19px;
}

#footernav a {
    display: block;
    position: absolute;
    overflow: hidden;
    padding-top: 19px;
    height: 0px !important;
    height /**/:19px;
}

#footFlash { left: 0; width: 46px;}
#footFlash a { left: 0px; width: 46px; background: url(../../img/footernav_html_3.gif) 0 0 no-repeat; }
#footFlash a:hover { background: url(../../img/footernav_html_3.gif) 0 -19px no-repeat;}

#footHTML { left: 0; width: 46px;}
#footHTML a { left: 0px; width: 46px; background: url(../../img/footernav_flash_3.gif) 0 0 no-repeat; }
#footHTML a:hover { background: url(../../img/footernav_flash_3.gif) 0 -19px no-repeat;}

#footAbout { left: 46px; width: 48px; }
#footAbout a { left: 0px; width: 48px; background: url(../../img/footernav_html_3.gif) -46px 0 no-repeat; }
#footAbout a:hover { background: url(../../img/footernav_html_3.gif) -46px -19px no-repeat;}

#footGlossary { left: 94px; width: 67px; }
#footGlossary a { left: 0px; width: 67px; background: url(../../img/footernav_html_3.gif) -94px 0 no-repeat; }
#footGlossary a:hover { background: url(../../img/footernav_html_3.gif) -94px -19px no-repeat;}

#footAccount { left: 161px; width: 61px; }
#footAccount a { left: 0px; width: 61px; background: url(../../img/footernav_html_3.gif) -161px 0 no-repeat;}
#footAccount a:hover { background: url(../../img/footernav_html_3.gif) -161px -19px no-repeat;}

#footCredits { left: 222px; width: 59px; }
#footCredits a { left: 0px; width: 59px; background: url(../../img/footernav_html_3.gif) -222px 0 no-repeat; }
#footCredits a:hover { background: url(../../img/footernav_html_3.gif) -222px -19px no-repeat;}

#footShare { left: 281px; width: 47px; }
#footShare a { left: 0px; width: 47px; background: url(../../img/footernav_html_3.gif) -281px 0 no-repeat; }
#footShare a:hover { background: url(../../img/footernav_html_3.gif) -281px -19px no-repeat;}

#footHelp { left: 328px; width: 39px; }
#footHelp a { left: 0px; width: 39px; background: url(../../img/footernav_html_3.gif) -328px 0 no-repeat; }
#footHelp a:hover { background: url(../../img/footernav_html_3.gif) -328px -19px no-repeat;}

#footernav.share-off ul #footShare { display: none; }
#footernav.share-off ul #footHelp {
  left: 281px;
}

/**
* User account related footer navigation
*/

#usernav ul {
    width: 200px;
    height: 24px;
    margin: 0; padding: 0;
    position: absolute;
    right: 12px; top: 8px;
    list-style: none;
/*    clip: rect(0, 190px, 24px, 0); */
}

#usernav li {
    float: right;
    margin: 0 0 0 5px;
    padding: 0;
    height: 24px;
}

#usernav li a {
    display: block;
    margin-right: 4px;
    height: 24px;
}

#usernav li a span {
    display: none;
}

li#footMyCollection {width: 112px;}
li#footMyCollection a { width: 112px; background: url(../../img/usernav.gif) 0 0 no-repeat;}
li#footMyCollection a:hover { background: url(../../img/usernav.gif) 0 -48px no-repeat;}

li#footLogin { width: 58px; }
li#footLogin a { width: 58px; background: url(../../img/usernav.gif) -116px 0 no-repeat; }
li#footLogin a:hover { background: url(../../img/usernav.gif) -116px -48px no-repeat;}

li#footLogout { width: 69px; }
li#footLogout a { width: 69px; background: url(../../img/usernav.gif) -178px 0 no-repeat; }
li#footLogout a:hover { background: url(../../img/usernav.gif) -178px -48px no-repeat;}