/* ------------------------------------------------------------------ */
/* 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 {
	background: url(/images/backgrounds/hatchdark.gif);
	position: relative;
	width: 960px;
	padding: 10px;
    
    /* 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;
    background-color: #fff;
    float: left;
}

div#gridSpanningHeader {
    padding: 12px 10px 0 10px;
    height: 32px;
    background: #eceff0 url(/images/backgrounds/landing_header.gif) repeat-x left bottom;
    padding: 12px 10px 0;
    text-align: left;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 25px;
    line-height: 1em;
}

div#gridMainColumnLeft  {
    float: left;
    width: 460px;
	margin-right: 5px;
}

div#gridColumnContainer {
    float: left;
    width: 580px;
    padding: 20px;
}

div#gridMainSidebarRight {
  float: left;
	width: 320px;
	margin: 0 5px;
}

div#gridAdSidebarRight {
    float: right;
    width: 160px;
	margin-left: 5px;
	background-color: #fff;
}

div#gridComponentColumns,div#gridComponentColumns2 {
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 10px;
	float: left;
	width: 460px;
}

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