/* ------------------------------------------------------------------ */
/* Sigmund 9 Zone Grid */
/* ------------------------------------------------------------------ */

/* 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;
    float: left;
    width:620px;
}

div#gridSpanningFeature {
  width:620px;
}

div#gridColumnContainer,
div#gridTopColumnContainer {
    float: left;
    width: 620px;
}

div#gridMainColumn,
div#gridTopMainColumn  {
    float: left;
    width: 450px;
}

div#gridMainSidebar1,
div#gridTopMainSidebar1 {
  float: left;
  width: 160px;
}

div#gridTopMainColumn,
div#gridMainSidebar1 {
  margin-right:10px;
}

#gridRightColumn {
  float:left;
  width:330px;
  margin-top:10px;
}

div#gridMainSidebar2 {
    float: left;
    width: 160px;
    padding: 0 0 15px 0;
}

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

div#gridSpanningIsland {
  background: url(/images/backgrounds/xhatchwhite.gif);
  border: 1px solid #CCC;
  float: left;
  margin: 10px 10px 10px 0;
  padding: 10px;
  text-align:center;
  width: 308px;
}