body {
  background-color: #E5E5E5;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  margin: 0;
  padding: 0;
}

.pagebody {
  background-color: #FFFFFF;
  margin: 20px auto;
  width: 95%;
  max-width: 1024px;
  border: 1px solid #CCCCCC;
  padding: 10px;
}

#navbar {
  background-color: #003366;
  padding: 8px 10px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 13px;
}

#navbar a {
  color: #FFFFFF;
  text-decoration: none;
}

hr {
  border: 0;
  height: 1px;
  background-color: #CCCCCC;
  margin: 10px 0;
}

.pda {
  text-align: right;
  font-size: 11px;
  margin-bottom: 10px;
}

.pda a {
  color: #003366;
  text-decoration: none;
}

.largefont {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  margin: 15px 0;
}

.largefont a {
  color: #003366;
  text-decoration: none;
}

#content {
  background-color: #F5F5F5;
  padding: 15px;
  border: 1px solid #CCCCCC;
}

div.date {
  background: #5C7099;
  color: #FFFFFF;
}

.username {
  background: #5C7099;
  color: #FFFFFF;
}

.post {
  background: #F5F5FF;
}

ul {
  list-style: none;
  padding-left: 10px;
  margin: 0; 
}

ul li {
  margin-bottom: 8px;
}

ul li > a[style*="font-weight:bold"] {
  font-weight: bold;
  color: #000000;
  font-size: 13px;
  display: block;
  margin-top: 15px;
}

ul li a {
  color: #003366;
  text-decoration: none;
  font-size: 12px;
}

ul li a:hover {
  text-decoration: underline;
}