#header {
  float:left;
  width:100%;
  background:#DAE0D2 url("IMG/bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#header li {
  display:inline;
  margin:0;
  padding:0;
  }
#header a {
  float:left;
  background:url("IMG/left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
  text-decoration:none;
  white-space:nowrap;
  }
#header a span {
  float:left;
  display:block;
  background:url("IMG/right_both.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
  color:#333;
  }
#header #current a {
  background-position:0 -150px;
  border-width:0;
  }
#header #current a span {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
  }
#header a:hover {
  background-position:0% -150px;
  }
#header a:hover span {
  background-position:100% -150px;
  }