.navigation {

}
.navigation ul {
  margin:0;
  padding:10px 10px 0;
  padding: 0;
  list-style:none;
  }
.navigation li {
  float:left;
  background:url( ../../assets/images/left.gif ) no-repeat 0 -121px;
  margin:0;
  padding:0 0 0 9px;
  }
.navigation a {
  float:left;
  display:block;
  width:.1em;
  background:url( ../../assets/images/right.gif ) no-repeat right -121px;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#000;
  border: 0;
  margin: 0;
  margin-right: 5px;
  }
.navigation > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.navigation  a {float:none;}
/* End IE5-Mac hack */
.navigation a:hover {
  color:#333;
  }
#home #nav1,
#timetable #nav2,
#reporting #nav3,
#manage #nav4,
#saris #nav9 {
  background-position:0 -271px;
  border-width:0;
  }
#home #nav1 a,
#timetable #nav2 a,
#reporting #nav3 a,
#manage #nav4 a,
#saris #nav9 a{
  background-position:100% -271px;
  padding-bottom:5px;
  color:#fff;
  }
.navigation li:hover,
.navigation li:hover a {
  background-position:0% -271px;
  color: #fff;
  }

.navigation li:hover a {
  background-position:100% -271px;
  }