/* ------------------------------------------------------------------ */
/* Chetter 5 Zone Grid - 3 Columns, 1 Header and 1 Footer */
/* ------------------------------------------------------------------ */

/* Clamp the entire content of the page to a fixed width,
 * and center it.
 */
div#gridClamp {
  width: 980px;
  margin: 0 auto;
}

/* Main content div, below the navigation. Here basically to provide
 * a background color.
 */
div#gridMain {
  background-color: #BDBDBD;
  position: relative;
  width: 980px;
  
  /* We need to float this element because it contains only floated 
   * elements. If we didn't, the computed height would be 0, because
   * floated elements are not usually part of the computed height of
   * the containing block. Making this element float ensures that the
   * floated child elements are part of the computed height.
   * See the CSS 2.1 spec, sections 10.6.6 and 10.6.7.
   */
  float: left;
}

div#gridFrame {
  margin: 10px 0 10px 10px;
  background-color: #fff;
  float: left;
}

div#gridMainSidebar {
  float: left;
  clear: left;
	width: 160px;
	padding: 15px 10px 15px 0;
}

div#gridMainColumn  {
  float: left;
  width: 600px;
  margin: 10px;
}


div#gridAdColumn  {
  float: right;
  width: 160px;
  background: #fff;
  padding: 0 0 5px 5px;
}

div#gridAdSidebar {
	float: right;
	width: 160px;
	padding: 10px 10px 10px 0;
}