﻿
.SiteColumnsContainer {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	min-height: 475px;
}
/* common column settings */
.colright,
.ColumnsWrapper,
.ColumnsContainer {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.MainContent,
.LeftColumn,
.RightColumn {
	float:left;
	position:relative;
	padding:0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.ThreeColumnsDesign {
	background: #ffffff;

}
.ThreeColumnsDesign .ColumnsWrapper {
	right:1%;				/* width of the right column */
	background: #ffffff;

}
.ThreeColumnsDesign .ColumnsContainer {
	right:76%;			/* width of the middle column */
	background:#ffffff;	/* left column background colour */
	
}
.ThreeColumnsDesign .MainContent {
	width:76%;			/* width of center column content (column width minus padding on either side) */
	left:100%;			/* 100% plus left padding of center column */
	/* 102 */
}
.ThreeColumnsDesign .LeftColumn {
	width:23%;			/* Width of left column content (column width minus padding on either side) */
	left:1%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	/* 31% */
}
.ThreeColumnsDesign .RightColumn {
	width:1%;			/* Width of right column content (column width minus padding on either side) */
	left:76%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}