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

.content-box {
  border-color: #a59b27;
}

.content-box .banner {
	background-color: #a59b27;
  margin-bottom: 0;
}

/* We cheat on the left margin for this one, so that all of
   our items can have a consistent left-margin and we don't
   have to keep track of which is the last one in the row. */
.content-box .content-body { margin: 18px 40px 18px 30px; }

.large-item {
  width: 630px; /* 16 cols */
  margin-bottom: 18px;
}

.large-item .fig { 
  width: 190px;
  float: left;
}

.large-item img { 
  padding-right: 15px;
}

.item-banner {
  width: 430px;
  float: left;
  margin-left: 10px;
  margin-bottom: 9px;
/*  background-color: #cccccc; */
  border-bottom: 1px solid #a59b27;
}

.large-item h3 {
  color: #a55027;
  font-weight: bold;
  margin-bottom: 4px;
}

.large-item a {
  clear: both;
  width: 175px;
  float: left;
  text-align: center;
}

.item-body {
  float: left;
  margin-left: 10px;
}

.large-item-col {
  width: 190px;
  float: left;
}

#more-link {
  padding-left: 520px;
  width: 110px; /* 3 cols */
  text-align: right;
  margin-bottom: 18px;
}

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

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

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