/* The Perfect 3 Column Liquid Layout - http://matthewjamestaylor.com/blog/perfect-3-column.htm */

/* column container */
.colmask {
 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 */
}

/* common column settings */
.colright,
.colmid1,
.colmid2,
.colleft {
 float: left;
 width: 100%;         /* width of page */
 position: relative;
}

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

/* 3 Column settings */
.fourcol {
 background: #FFFFFF;		/* right column background colour */
 padding-top: 20px;
 text-align: center;
}

.fourcol .colmid2 {
 right: 25%;			/* width of the right column */
 background: #FFFFFF;		/* center column background colour */
 border-right: 1px dotted #707070;
}

.fourcol .colmid1 {
 right: 25%;			/* width of the middle column */
 background: #FFFFFF;	/* left column background colour */
 border-right: 1px dotted #707070;
 font-size: 10pt;
}

.fourcol .colleft {
 right: 25%;			/* width of the middle column */
 background: #FFFFFF;	/* left column background colour */
 border-right: 1px dotted #707070;
 font-size: 10pt;
}

.fourcol .col1 {
 left: 101%;			/* 100% plus left padding of center column */
 width: 23%;			/* width of center column content (column width minus padding on either side) */
}

.fourcol .col2 {
 left: 54%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
 width: 22%;			/* Width of left column content (column width minus padding on either side) */
}

.fourcol .col3 {
 left: 81%;			/* 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) */
 width: 23%;			/* Width of right column content (column width minus padding on either side) */
}

.fourcol .col4 {
 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) */
 width: 23%;			/* Width of right column content (column width minus padding on either side) */
}