/* ------------------------------------------------------------------ */
/* Sigmund 8 Zone Grid */
/* xxx - copied from tranmet, not right xxxx */
/* ------------------------------------------------------------------ */

/* 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 {
	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#gridColumnContainer {
  width: 610px;
  float: left;
  margin: 10px;
}

  div#gridSpanningHeader {
    width: 610px;
    clear: both;
  }

  div#gridMainColumnLeft {
    width: 320px;
    float: left;
    margin: 10px 30px 10px 35px;
  }

  div#gridMainSidebarJr {
    width: 200px;
    float: left;
    margin: 10px 25px 10px 0;
  }

div#gridMainSidebarRight {
  width: 300px;
  float: left;
  margin: 10px 50px 10px 0;
}

div#gridCenterBar {
  width: 960px;
  clear: both;
  margin: 10px;
}

div#gridSecondarySidebarLeft {
  width: 200px;
  float: left;
  margin: 10px;
}

div#gridSecondaryColumnRight {
  width: 390px;
  float: left;
  margin: 10px;
  margin-left: 0;
}

div#gridSecondarySidebarRight {
  width: 350px;
  float: left;
  margin: 10px;
  margin-left: 0;
}

  div#gridSidebarContainer {
    width: 350px;
    float: left;
  }
  
  div#gridTopSidebar {
    width: 330px;
    float: left;
    margin: 10px;
  }
  
  div#gridAdSidebarLeft {
    width: 160px;
    margin: 10px;
    float: left;
  }
  
  div#gridAdSidebarRight {
    width: 160px;
    margin: 10px;
    margin-left: 0;
    float: left;
  }
  
  div#gridBottomSidebar {
    width: 350px;
  }
  


div.clear { 
	clear: both;
	height: 0;
	overflow: hidden;
	width: 100%;
}