/**
 * 3 columns with content floated left.
 * Fixed width of min 960 max 1160px.
 *
 */


html {
	overflow: -moz-scrollbars-vertical;
	overflow-x: auto;
	overflow-y: scroll; /* this scrollbar will last for ever */
	
}

body {
	margin:  0 1%;
	padding: 0;
}


#body-container {
	padding: 17px 0 0;
	max-width: 1280px;
	margin: 0 auto;
	}



#header-container {

	}


#container {

	float: left;
	min-width: 960px;
	width:expression(document.body.clientWidth < 961? "960px": "auto" );

	}


#utility-before-container {
	overflow: hidden;
	float: left;
	width: 180px;
	margin: 0 20px 0 0;
	}

.content {
	overflow: hidden;
	float: left;
	width: 560px;
	min-height: 600px;
	margin: 0 0 20px 0;
	}

.page-no-primary-secondary {
	overflow: hidden;
	float: left;
	width: 760px;
	min-height: 600px;
	margin: 0 0 20px 20px;
	}

.no-widgets .content, .no-default-widgets .content {
	width: 960px;
	}

#primary {
	overflow: hidden;
	float: left;
	width: 180px;
	margin: 0 0 0 20px;
	}

#secondary {
	overflow: hidden;
	float: left;
	width: 180px;
	margin: 0 0 20px 20px;
	}

#subsidiary {
	overflow: hidden;
	}

#subsidiary .widget {
	overflow: hidden;
	float: left;
	width: 300px;
	margin: 0 20px 0 0;
	}

#footer-container {
	clear: both;
	overflow: hidden;
	width: 960px;
	}

#footer {
	clear: both;
	}