/* GUS 3 Column LAYOUT V4  */

/* Adapted by MH from source : http://matthewjamestaylor.com/blog/perfect-3-column.htm */

/* 18 February 2009 - Fixed issue appearing in 3 col layout, in Internet Explorer*/
	
/* COLUMN WRAPPER */
	
#wrapperContent {
	    position:relative;	  /*Fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
		width:99%;			    	
		overflow:hidden;
		min-width: 1000px;  /*Prevent columns slipping at smaller browser window widths */
	}
	
/* COLUMN SETTINGS */
	
.colright,
.colmid,	
.colleft { /* Section column colours */	
	
		float:left;
		width:100%;				
		position:relative;
		background:#CCCCCC;
	}
		.colleftSection0 {
		float:left;
		width:100%;				
		position:relative;
		background:#EBEBEB;
	}
	
		.colleftSection1 {
		float:left;
		width:100%;				
		position:relative;
		background:#FFd4d4;
	}
	
		.colleftSection2 {
		float:left;
		width:100%;				
		position:relative;
		background:#FFD7AE;
	}
	
		.colleftSection3 {
		float:left;
		width:100%;				
		position:relative;
		background:#C7EAC7;
	}
	
		.colleftSection4 {
		float:left;
		width:100%;				
		position:relative;
		background:#D7D7E8;
	}
	
	
/* End Section column colours */	
	
/* 	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding: 24px 0px 10px 0px;
	} */
	
/* START Fix to column 2 layout */	

	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:1em 0 1em 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;
	}

/* END Fix to column 2 layout*/

/* Individual column settings */
	
	.threecol {		
		background:#FFFFFF;	    /* right column background colour */	
	}
	
	.threecol .colmid {
		
		right:12%;				/* width of the right column */	
		background:#FFFFFF;		/* center column background colour */	
		 	
	}


/* Section columns - Different colour for each*/
	
	.threecol .colleft {
	 right:69%;	 /* width of the middle column */
	}				

    .threecol .colleftSection0 {
	 right:69%;				       
	}	
	  .threecol .colleftSection1 {
	 right:69%;				       
	}				

   .threecol .colleftSection2 {
	 right:69%;				       
	}				

   .threecol .colleftSection3 {
	 right:69%;				       
	}				

   .threecol .colleftSection4 {
	 right:69%;				       
	}				
		
	
/***** Tests ok on Mac: Safari, Firefox, Netscape; PC: Firefox, IE, Netscape.   ******/	

	.threecol .col1 {
		width:67%;					/*width of center column content (column width minus % padding on either side) */
		left:102%; 					/* 100% plus left padding of center column */
		/*font-size:87%;*/
		
	}
	.threecol .col2 {
		width:19%;				/* Width of left column content (no padding) */
		left:14%;               /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		/*font-size: 95%;*/		
	}
	.threecol .col3 {
		width:12%;				/* Width of right column content (column width minus padding on either side) */
		left:83%;				/* 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) */
		font-size: 92%;	       /*font size of right column  - same as main column */
		
	}
	

/* END 3 COLUMN LAYOUT */