
/* Set up the container and cols info */
/* for equal column widths and 		  */
/* equal column lengths        		  */


#container3 {
	float: left;
	width: 100%;		 				/* sets the width green @ 100% from lhs */
	background-color: #ffffe1; 			/* right Col bg colour */
	overflow: hidden;
	position: relative;  				/* this corrects IE bug on 'overflow hidden' */
	border-width: 1px 0px 1px 0px; 		/* border on top / bottom */
	border-style: solid;
	border-color: red;
			}

#container2 {
	float: left;
	width: 100%;		 				 /* sets the width yellow @ 100% starting from lhs edge of green column */
	background-color: #faffbf;			 /* mid Col bg colour */
	position: relative;  				 /* this corrects IE bug on 'overflow hidden' */
	right: 33.3%;	
	border-width: 0px 1px 0px 0px;  	 /* border on top / bottom */
	border-style: solid;
	border-color: red;				 /* mid col right border colour */
			}

#container1 {
	float: left;
	width: 100%;
	background-color: #ffffe1; 			/* left col bg colour */
	position: relative;	   				/* sets the yellow @ 50% from left */ 
	right: 33.3%;		 
  	border-right: 1px solid red;		/* left col right border colour */
		}

#colLeft {
	float: left;
	width: 31%;		 
	position: relative;
	left: 68%;		 					/* moves left col text /* 77% */
	overflow: hidden;
	padding-right: 10px;
		}	
			
#colMid {
	float: left;		
	width: 31%;		
	position: relative;
	left: 69%;		 
	overflow: hidden;
	padding-right: 10px;
		}
	
#colRight {
	float: left;		
	width: 30%;		 
	position: relative;
	left: 71%;		
	overflow: hidden;
		}
		

.magcol {								/* sets the text for the column subject headers */
	font-size: 1.25em;
	color: #000000;
	}

	p	{								/* sets newspaper style column text */
	text-align: justify;
	}

/* /////// END OF FILE //////// */
/* //////////////////////////// */
