/* navigation */

#top-navigation {
  margin: 0 auto;
  padding: 10px 0 0 0;
  width: 580px;
}

#top-navigation ul {
  margin: 0;
  padding: 0;
}

#top-navigation li {
  margin: 0;
  padding: 10px 5px 0 5px;
  list-style: none;
  font-size: 14px;
  background: url(../images/red-button.gif) top no-repeat;
  width: 135px;
  height: 55px;
  display: block;
  float: left;
}

#top-navigation li.active {
  margin: 0;
  padding: 10px 5px 0 5px;
  list-style: none;
  font-size: 14px;
  background: url(../images/blue-button.gif) top no-repeat;
  width: 135px;
  height: 55px;
  display: block;
  float: left;
}

#top-navigation li a:link {
  color: #ffffff;
  text-decoration: underline;
  margin: 0 0 0 25px;
}

#top-navigation li a:visited {
  color: #ffffff;
  text-decoration: none;
  margin: 0 0 0 25px;
}

#top-navigation li a:hover {
  color: #ffffff;
  text-decoration: none;
  margin: 0 0 0 25px;
}

#top-navigation li a:active {
  color: #ffffff;
  text-decoration: underline;
  margin: 0 0 0 25px;
}

#footer-navigation {
  margin: 0 auto;
  padding: 10px 0 0 0;
  width: 580px;
}

#footer-navigation ul {
  margin: 0;
  padding: 0;
}

#footer-navigation li {
  margin: 0;
  padding: 10px 5px 0 5px;
  list-style: none;
  font-size: 14px;
  background: url(../images/red-button2.gif) top no-repeat;
  width: 135px;
  height: 55px;
  display: block;
  float: left;
}

#footer-navigation li.active {
  margin: 0;
  padding: 10px 5px 0 5px;
  list-style: none;
  font-size: 14px;
  background: url(../images/blue-button2.gif) top no-repeat;
  width: 135px;
  height: 55px;
  display: block;
  float: left;
}

#footer-navigation li a:link {
  color: #ffffff;
  text-decoration: underline;
  margin: 0 0 0 25px;
}

#footer-navigation li a:visited {
  color: #ffffff;
  text-decoration: none;
  margin: 0 0 0 25px;
}

#footer-navigation li a:hover {
  color: #ffffff;
  text-decoration: none;
  margin: 0 0 0 25px;
}

#footer-navigation li a:active {
  color: #ffffff;
  text-decoration: underline;
  margin: 0 0 0 25px;
}