#container { width: 712px; } /* 18 cols + 2px for inside border - 10px margin */

.content-box .content-body { margin: 0; }

.content-box + .content-box { margin-top: 18px; }

.news-item { margin-bottom: 18px; }

.news-date {
  font-size: 11px;
  width: 150px; /* 4 cols */
  margin-right: 10px;
  text-align: right;
  float: left;
}

.news-box {
  width: 508px; /* 13 cols - 2px border */
  background-color: #eeeebb;
  border: 1px solid #a59827;
  float: left;
}

.news-box h3 { 
  color: #a55027;
  background-color: #d2cd8b;
  font-weight: bold;
  padding: 4px 0 4px 15px;
  margin-bottom: 0;
}

.news-body {
  padding: 8px 15px;
}

.news-body img {
  float: left;
  margin-right: 10px;
}

#all-news {
  padding-left: 560px;
  width: 110px;
  text-align: right;
  margin-bottom: 18px;
}

.content-box form {
  margin-top: 18px;
}

/* float clearing for IE6 */
* html .news-item,
* html .news-box,
* html .news-body {
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .news-item,
*+html .news-box,
*+html .news-body {
  min-height: 1%;
}

/* float clearing for everyone else */
.news-item:after,
.news-box:after,
.news-body:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}