#navigation
{
  float:            left;
  width:            100%;
  margin-bottom:    0px;
  background:       #97cfea;
}

#navigation ul
{
  float:            left;
  width:            776px;
  font-size:        12px;
  margin:           0;
  padding:          10px 10px 0;
  list-style:       none;
  background:       transparent;
}

#navigation li
{
  float:            left;
  background:       url("images/left.gif") no-repeat left top;
  margin:           0;
  padding:          0 0 0 9px;
}

#navigation a
{
  float:            left;
  display:          block;
  background:       url("images/right.gif") no-repeat right top;
  padding:          5px 15px 4px 6px;
  text-decoration:  none;
  font-weight:      bold;
  color:            #ffffff;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#navigation a {float:none;}
/* End IE5-Mac hack */

#navigation a:hover
{
  color:            #333333;
}

#navigation ul li.active
{
  background-image: url("images/left_on.gif");
}

#navigation ul li.active a
{
  background-image: url("images/right_on.gif");
  color:            #333333;
  padding-bottom:      5px;
}


#navigation404
{
}

#navigation404 ul
{
  float:            left;
  width:            776px;
  font-size:        12px;
  margin:           0;
  padding:          10px 10px 0;
  list-style:       none;
  background:       transparent;
}

#navigation404 li
{
  list-style: disc;
  list-style-position: inside;
}

#navigation404 a
{
  color:            #000000;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#navigation404 a {float:none;}
/* End IE5-Mac hack */

#navigation404 a:hover
{
  font-weight:      bold;
  color:            #000000;
}

#navigation404 ul li.active
{
}

#navigation404 ul li.active a
{
  font-weight:      bold;
  color:            #000000;
}