/* architecture nav */

#arclist {
  margin: 0;
  padding: 0;
  height: 20px;
  list-style: none;
  overflow: hidden;
}

#arclist li{
  margin: 0; 
  padding: 0;
  width: 194px;
    list-style: none;
}

#arclist a {
  width: 194px;
  padding: 20px 0 0 0;
  overflow: hidden;
  height: 0px !important; 
  height /**/:20px; /* for IE5/Win only */
}

#arclist a:active, #arclist a.selected {
  background-position: 0 -20px;
}

#arclist a:hover {
  background-position: 0 -20px;  
}

#arc1 a  {
  top: 0px;
  left: 0px;
  position: absolute;
  background: url(media/xdoc-arc-nav-1.gif) top left no-repeat;
}

#arc2 a  {
  top: 20px;
  left: 0px;
  position: absolute;
  background: url(media/xdoc-arc-nav-2.gif) top left no-repeat;
}

#arc3 a  {
  top: 40px;
  left: 0px;
  position: absolute;
  background: url(media/xdoc-arc-nav-3.gif) top left no-repeat;
}

#arc4 a  {
  top: 60px;
  left: 0px;
  position: absolute;
  background: url(media/xdoc-arc-nav-4.gif) top left no-repeat;
}

#arc5 a  {
  top: 80px;
  left: 0px;
  position: absolute;
  background: url(media/xdoc-arc-nav-5.gif) top left no-repeat;
}

#arc6 a  {
  top: 100px;
  left: 0px;
  position: absolute;
  background: url(media/xdoc-arc-nav-6.gif) top left no-repeat;
}