/**
 *
 * fs_layout.css
 *
 **/

.fs_1ColLayout {
	/* Apply this class to fs_content for liquid 1 column layout */
	position:relative;
	height:1%;
	}

.fs_3ColLayout {
	/* Apply this class to fs_content for liquid 3 column layout */
	/* Larger content column with 2 smaller columns either side */
	position:relative;
	height:1%;
	}

.fs_2ColLayout {
	/* Apply this class to fs_content for liquid 2 column layout */
	/* Content will appear to right of a smaller column */
	position:relative;
	height:1%;
	}

/* Layout specifics */
.fs_2ColLayout .fs_col1 {
	float: left;
	width: 75%;
	margin-left: 24.5%; /* Move the column over for the leftCol */
	display: block !important;
	display: inline; /* IE hack */
	}

.fs_2ColLayout .fs_col2 {
	float:left;
	width:24.5%;
	margin-left:-100%; /* Move left negatively leftCol width + midCol width */
	}

.fs_2ColLayout .fs_col3 {
	display:none;
	}


.fs_3ColLayout .fs_col1 {
	float: left;
	width: 50%;
	margin-left: 25%; /* Move the column over for the leftCol */
	display: block !important;
	display: inline; /* IE hack */
	}

.fs_3ColLayout .fs_col2 {
	float:left;
	width:25%;
	margin-left:-75%; /* Move left negatively leftCol width + midCol width */
	}

.fs_3ColLayout .fs_col3 {
	float:left;
	width:25% !important;
	width:24%; /* IE hack to stop so many float wraps */
	}

/**
 * A layout to be applied the page that forces all content (div.page) to be
 * small enough to fit in an average IE window at 800 x 600
 **/

#fs_page.noScroll {
	width:760px;
	height:410px;
	overflow:hidden;
	}