/* $Id: layout9.css,v 1.1.2.1 2009/03/25 23:36:46 rhache Exp $ */

/**
*
* Three Column Layout #8
* Column Order: tertiary --> seconcary --> primary
*
* DO NOT ADD ANY ADDITIONAL PROPERTIES TO FOLLOWING CODES.
* ONLY CHANGE EXISTING VALUES!
* 
* Formally Layout Gala #12
*
*/

#page,
#container {
	width: 960px; /* total layout width */
}

#wrapper {
	float: left;
	width: 100%
}

#primary {
	margin-left: 350px; /* equal to secondary + tertiary width */
}

#secondary {
	float: left; 
	margin-left: -810px; /* negative value of container - tertiary width */
	width: 200px;
}

#tertiary {
	float: left; 
	width: 150px;
	margin-left: -960px /* negative value of container - secondary width */
}

/* no secondary*/
.no-secondary #primary {
	margin-left: 150px; /* equal to tertiary width */
}

.no-secondary #tertiary {
	margin-left: -960px /* negative value of container width */
}

/* no tertiary*/
.no-tertiary #primary {
	margin-left: 200px; /* equal to secondary width */
}

.no-tertiary #secondary {
	margin-left: -960px; /* negative value of container width */
}

/* no secondary/tertiary*/
.no-secondary-tertiary #wrapper {
	float: none;
}

.no-secondary-tertiary #primary {
	margin: 0;
}