.projectEntry {
  position: relative;
  margin: 5px 0;
  clear: both;
}

.projectEntry img {
  float: left;
  margin: 0 10px 15px 0;
}

#projectMenu {
  font-size: 120%;
  position: relative;
  display: table; /* I don't like this, but unless we do this, the floating projectMenuItems break out of the projectMenu and reek havoc */
}

.projectMenuItem {
  border-bottom: 3px #cccccc solid;
  float: left;
  min-width: 90px;
  margin-right: 5px;
  margin-top: 5px;
}

.left_void {
   text-align:center;
   margin-top: 40px;
}

.void_button {
  margin: 5px 5px 0 5px;
  cursor: pointer;
}

#body .project {
  position: relataive;
  width: 98.2%; 
  margin:10px 0px; 
  padding:0;
}

.question {
  background: #FF9900;
  color: #FFFFFF;
  padding: 4px;
  text-align: center;
  font-weight: bold;
  font-size: 130%;
  min-width: 42pt; /* at 'standard' viewing, the boxes will be a regular; if the text is grown, though, we allow the box to grow */
}

.question_border {
  float: left;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  padding: 3px;
  margin-right: 10px;
}

.answer {
  padding-top: 4px;
  margin-top: 10px;
}

.news {
  clear: both;
  margin-top: 10px;
}

.newsItem {
  margin-top: 10px;
  text-indent: -10px;
  padding-left: 20px;
}

.newsItem .header {
  font-size: 100%;
}