#nav {
  width:100%;
  height:33px;
  background:#FFF url(../images/nav.bg.gif) repeat-x top left;
  border-bottom:solid 1px #777;
  font-size:1.286em;
}

#nav ul {
  width:800px;
  margin:0 auto;
  padding:0;
  list-style:none;
}

#nav ul li {
  width:159px;
  height:33px;
  border-left:solid 1px #999;
  line-height:33px;
  vertical-align:middle;
  text-align:center;
  float:left;
}
#nav ul li.alpha {border-left:solid 1px transparent;}

#nav ul li a {
  width:159px;
  height:33px;
  color:#333;
  text-transform:uppercase;
  text-decoration:none;
  position:relative;
  float:left;
}

#nav a.about,#nav a.blakeney,#nav a.outreach,#nav a.connect,#nav a.give {
  background:transparent url(../images/nav.png) no-repeat top left;
  text-indent:-9999em;
}
#nav a.blakeney {background-position:-159px 0;}
#nav a.outreach {background-position:-318px 0;}
#nav a.connect {background-position:-477px 0;}
#nav a.give {background-position:-636px 0;}

/* Hovers */
#nav a .hover {
  width:159px;
  height:33px;
  background:transparent url(../images/nav.png) no-repeat top left;
  position:absolute;
  top:0;
  left:0;
}

#nav a.about:hover,#nav a.about .hover,
#nav a.blakeney:hover,#nav a.blakeney .hover,
#nav a.outreach:hover,#nav a.outreach .hover,
#nav a.connect:hover,#nav a.connect .hover,
#nav a.give:hover,#nav a.give .hover {color:#CC0000;}

#nav a.about:hover,#nav a.about .hover,#nav a.about.selected {background-position:0 -33px;}
#nav a.blakeney:hover,#nav a.blakeney .hover,#nav a.blakeney.selected {background-position:-159px -33px;}
#nav a.outreach:hover,#nav a.outreach .hover,#nav a.outreach.selected {background-position:-318px -33px;}
#nav a.connect:hover,#nav a.connect .hover,#nav a.connect.selected {background-position:-477px -33px;}
#nav a.give:hover,#nav a.give .hover,#nav a.give.selected {background-position:-636px -33px;}

/* Override the CSS :hover class to make way for the jQuery animated hover */
#nav a.about.animated:hover {background-position:0 0 !important;}
#nav a.blakeney.animated:hover {background-position:-159px 0 !important;}
#nav a.outreach.animated:hover {background-position:-318px 0 !important;}
#nav a.connect.animated:hover {background-position:-477px 0 !important;}
#nav a.give.animated:hover {background-position:-636px 0 !important;}