@charset "utf-8";
/* CSS Document */

/* 

   June 03, 2008 
   -laura.cabrera: added the selected state for items on the top-navigation-pane
*/

#top-navigation-pane{
height:30px;
background-color:#000;
position:relative;
}

#top-navigation-pane ul{
height:26px;
}

#top-navigation-pane ul li{
float:right;
height:26px;
}

#top-navigation-pane ul li a{
display:block;
height:26px;
background-position:left;
outline:none;
}

#top-navigation-pane ul li a#contactus{
background-image:url(/images/top-navigation/nav-contact.gif);
width:100px;
}
#top-navigation-pane ul li a#mysiast{
background-image:url(/images/top-navigation/nav-my-siast.gif);
width:86px;
}
#top-navigation-pane ul li a#giving{
background-image:url(/images/top-navigation/nav-giving.gif);
width:65px;
}
#top-navigation-pane ul li a#careers{
background-image:url(/images/top-navigation/nav-careers.gif);
width:131px;
}
#top-navigation-pane ul li a#home{
background-image:url(/images/top-navigation/nav-home.gif);
width:63px;
}

#top-navigation-pane ul li a#contactus:hover,
#top-navigation-pane ul li a#mysiast:hover,
#top-navigation-pane ul li a#giving:hover,
#top-navigation-pane ul li a#careers:hover,
#top-navigation-pane ul li a#home:hover{
background-position:right;
}

li.topNavBar_selected a#contactus.topNavBar_selected,
li.topNavBar_selected a#mysiast.topNavBar_selected,
li.topNavBar_selected a#giving.topNavBar_selected,
li.topNavBar_selected a#careers.topNavBar_selected,
li.topNavBar_selected a#home.topNavBar_selected{
background-position:right;
}

#orange-bar{
background-image:url(/images/orange-bar.gif);
background-repeat:repeat-x;
width:760px;
height:4px;
position:absolute;
left:0px;
}