body {
  background-color: #336699;
  text-align:center;
  margin-top: 0px;
  font-family: Arial, Helvetica, sans-serif;
}
/*
a   {
  color: #666666;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}

a:hover {
  color: #ffcc33;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: underline;
}*/

a.topmenu   {
  color: #ffffff;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}

a.topmenu:hover {
  color: #ffcc33;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #336699;
}

a.sidemenu   {
  color: #ffffff;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}

a.sidemenu:hover {
  color: #ffcc33;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
a.sidemenu-sel   {
  color: #ffcc33;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}

a.sidemenu-sel:hover {
  color: #ffcc33;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}

a.events   {
  color: #333300;
  font-size: 10pt;
  text-decoration: none;
}

a.events:hover {
  color: #ffffff;
  font-size: 10pt;
}

a.allevents   {
  color: #000066;
  font-size: 12pt;
  text-decoration: underline;
}

a.allevents:hover {
  color: #cc0000;
  font-size: 12pt;
}

a.todo   {
  color: #000066;
  font-size: 12pt;
  text-decoration: underline;
}

a.todo:hover {
  color: #cc0000;
  font-size: 12pt;
}