/* ======================== Top Nav Styles ======================== */

#navBackground {
  background-image: url(/images/nav-bg.gif);
  background-repeat: repeat-x;
}

#navContainer {
  height: 31px;
  width: 855px;
  background-image: url(/images/nav-bg.gif);
  background-repeat: repeat-x;
  margin-left: auto;
  margin-right: auto;
}

#navContainer ul {
  margin: 0px;
  padding: 0px;
}

#navContainer li {
  display: block;
  float: left;
}

#navContainer a {
  display: block;
  width: 100px;
  height: 31px;
  text-indent: -9999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(/images/nav.gif);
}

/* ======================== Notes  ======================== 

I'm sure there must be a more effecient/compact way of setting all this up, 
but this is what was worked for me...

*/

#navContainer a#linkHome {
  width: 99px;
  background-position: 0px 0px;
}

#navContainer a#linkHome:hover {
  background-position: 0px -35px;
}

#navContainer a#linkHome.selected {
  background-position: 0px -70px;
}


#navContainer a#linkProviderGroup {
  width: 144px;
  background-position: -99px 0px;
}

#navContainer a#linkProviderGroup:hover {
  background-position: -99px -35px;
}

#navContainer a#linkProviderGroup.selected {
  background-position: -99px -70px;
}


#navContainer a#linkTheVisibleChild {
  width: 153px;
  background-position: -243px 0px;
}

#navContainer a#linkTheVisibleChild:hover {
  background-position: -243px -35px;
}

#navContainer a#linkTheVisibleChild.selected {
  background-position: -243px -70px;
}


#navContainer a#linkTraining {
  width: 109px;
  background-position: -396px 0px;
}

#navContainer a#linkTraining:hover {
  background-position: -396px -35px;
}

#navContainer a#linkTraining.selected {
  background-position: -396px -70px;
}



#navContainer a#linkPublicEducation {
  width: 154px;
  background-position: -505px 0px;
}

#navContainer a#linkPublicEducation:hover {
  background-position: -505px -35px;
}

#navContainer a#linkPublicEducation.selected {
  background-position: -505px -70px;
}



#navContainer a#linkResearchandDiscovery {
  width: 192px;
  background-position: -659px 0px;
}

#navContainer a#linkResearchandDiscovery:hover {
  background-position: -659px -35px;
}

#navContainer a#linkResearchandDiscovery.selected {
  background-position: -659px -70px;
}




/*

OLD NAV ITEMS....

#navContainer a#linkPartnershipsforChildren {
  width: 163px;
  background-position: -427px 0px;
}

#navContainer a#linkPartnershipsforChildren:hover {
  background-position: -427px -35px;
}

#navContainer a#linkPartnershipsforChildren.selected {
  background-position: -427px -70px;
}

#navContainer a#linkMentalHealth {
  width: 104px;
  background-position: -590px 0px;
}

#navContainer a#linkMentalHealth:hover {
  background-position: -590px -35px;
}

#navContainer a#linkMentalHealth.selected {
  background-position: -590px -70px;
}
*/