/* column container */
.threecol,
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	/**/overflow:hidden;		 This chops off any overhanging divs
}
/* holy grail 3 column settings */
.column_container {
	/*background:#CDEAFF;    	 Right column background colour */
}
.column_container .colmid {
	float:left;
	width:200%;
	margin-left:-11em; 		/* Width of right column */
	position:relative;
	right:100%;
	/*background:#fff;    	 Centre column background colour */
}
.column_container .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:22em;         		/* Left column width + right column width */
	/*background:#cfc;    	 Left column background colour */
}
.column_container .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:11em;        		/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.column_container .col1 {
	margin:0 11em;     		/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	/*overflow:hidden;*/
}
.column_container .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:9em;        		/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:1em;         		/* Width of the left-had side padding on the left column */
}
.column_container .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:9em;        		/* Width of right column content (right column width minus left and right padding) */
	margin-right:3em;  		/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}

/* 2 column left menu settings */
.leftmenu {
	/*background:#cfc;*/
}
.leftmenu .colright {
	float:left;
	width:200%;
	position:relative;
	left:8em; /*Moves the left edge of the main contents OUT from the left*/
	/*background:#fff;*/ /*Uncomment this to see the changes better*/
}
.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:8em;
	/*padding-bottom:1em;*/
}
.leftmenu .col1 {
	margin:0 1em 0 9em; /*Margin left = col2 width + col2 left padding + col1 left padding*/
	position:relative;
	right:100%;
	/*overflow:hidden;*/
}
.leftmenu .col2 {
	float:left;
	width:7em;
	position:relative;
	right:7em; /*Moves the left edge of col2 IN from the right*/
}