body 
{
  margin: 5%;
  font-family: Tahoma, Sans-Serif;
}

.topic
{
  margin: 80px 0 0 0;
  font-weight: bold;
  text-align: center;
}

.participants
{
  margin: 0;  
  float: left;
}

.projects
{
  margin: 0;  
  float: right;
}

.details
{
  clear: both;
  
}

div#nav
{
  background: #f9e9a9;
}

ul#topNav
{
  width: 100%;
  float: left;
  margin: 0; 
  padding: 10px 0 0 46px;
  list-style: none;
  font-size: 1.2em;
  color: #333;
  background: #ffcb2d;
}

ul#topNav li
{
  float: left;
  margin: 0 3px 0 0; 
  padding: 0;
}

ul#topNav li a
{
  float: left;
  display: block;
  margin: 0;
  padding: 4px 8px;
  color: #333;
  text-decoration: none;
  border: 1px solid #9B8748;
  border-bottom: none;
  background: #f9e9a9;
}

ul#topNav a:hover
{
  color: #333;
  padding-bottom: 5px;
  border-color: #727377;
  background: #fff;
}

table, th, td
{
  border: 2px solid Black;
  border-collapse: collapse;
  padding: 5px 20px 5px 20px;
}

table
{
  margin: 10px;
}

th
{
  background: #f9e9a9;
}