/**
* header.css
* Arago header bar styles
*/

h1 {    /* Only used for indexing in Search Engines */
    display: none;
    visibility: hidden;
}

#siteHeader {
    background: #28363f;
    position: relative;
    width: 100%;
    height: 60px;
    overflow: hidden;
}

#sitetitle {
    left: 0px;
    width: 336px;
    height: 60px;
    background-image: url(../../img/topnav_logo.gif);
    background-repeat: no-repeat;
}

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

/**
* Header logo; appears only on homepage
*/

#headerlogo {
    position: absolute;
    right: 8px; top: 8px;
    width: 160px;
    height: 40px;
    background-image: url(../../img/smithsonian_logo.gif);
    background-repeat: no-repeat;
}

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

/**
* Main navigation
*/

#sitenav ul {
    width: 398px; height: 40px;
    background: url(../../img/topnav.gif) 0 0 no-repeat;
    background-repeat: no-repeat;
    margin: 0; padding: 0;
    position: absolute;
    right: 12px; top: 12px;
    clip: rect(0, 398px, 40px, 0);
}

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

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

#sitenav .here {
    background: url(../../img/topnav.gif) 0 -40px no-repeat;
}

#navPhilately { left: 0; width: 86px;}
#navPhilately.here { background-position: 0 -40px;}
#navPhilately a { left: 0px; width: 86px; background: url(../../img/topnav.gif) 0 0 no-repeat;}
#navPhilately.here a { background-position: 0 -40px; }
#navPhilately a:hover { background: url(../../img/topnav.gif) 0 -80px no-repeat;}

#navOperations { left: 87px; width: 152px; }
#navOperations.here  { background-position: -87px -40px; }
#navOperations a { left: 0px; width: 152px; background: url(../../img/topnav.gif) -87px 0 no-repeat; }
#navOperations.here a { background-position: -87px -40px; }
#navOperations a:hover { background: url(../../img/topnav.gif) -87px -80px no-repeat;}

#navExhibits { left: 240px; width: 87px; }
#navExhibits.here { background-position: -240px -40px; }
#navExhibits a { left: 0px; width: 87px; background: url(../../img/topnav.gif) -240px 0 no-repeat; }
#navExhibits.here a { background-position: -240px -40px; }
#navExhibits a:hover { background: url(../../img/topnav.gif) -240px -80px no-repeat;}

#navSearch { left: 328px; width: 70px; }
#navSearch.here { background-position: -328px -40px; }
#navSearch a { left: 0px; width: 70px; background: url(../../img/topnav.gif) -328px 0 no-repeat; }
#navSearch.here a { background-position: -328px -40px; }
#navSearch a:hover { background: url(../../img/topnav.gif) -328px -80px no-repeat;}

#sitenav .here a:hover { background: none;}