#navigation {
  background:transparent;
  margin:0 1em;
  height:3em;
  /* hide overflow:hidden from IE5/Mac */
  /* \*/
  overflow: hidden;
  /* */
}

#navigation ul {
  margin:0;
  padding:0;
  list-style-type:none;
  background:transparent;
}
#navigation li {
  display:block;
  float:left;
  margin:0 1px;
}
.snazzy {
  background:transparent;
}
.snazzy span {
  text-align:center;
  color:#fff;
  margin:0;
  padding-bottom:0.5em;
  font-weight:normal;
}

.boxcontent {
  display:block;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
}

a.menu, a.menu:visited {
  display:block;
  text-decoration:none;
  width:7.7em;
}
a.menu:hover {
  background:transparent;
  cursor:pointer;
}
a.menu:hover span {
  padding-top:10px;
  background:#888;
}
a.menu:hover b {
  background:#888;
}

.red {background:#c00;}
.orange {background:#f90;}
.yellow {background:#b8b800;}
.green {background:#090;}
.blue {background:#00c;}
.indigo {background:#309;}
.violet {background:#c6c;}
.grey {background:#888;}

a:hover b.red {background:#888;}
a:hover b.orange {background:#888;}
a:hover b.yellow {background:#888;}
a:hover b.green {background:#888;}
a:hover b.blue {background:#888;}
a:hover b.indigo {background:#888;}
a:hover b.violet {background:#888;}

.active {
  padding-top:10px;
  background:#888;
  cursor:default;
}