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

/* 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,
.colmid,
.colleft {
 float: left;
 width: 100%;         /* width of page */
 position: relative;
}

.col1,
.col2 {
 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 */
.twocol {
 background: #FFFFFF;		/* right column background colour */
 padding-top: 20px;
}

.twocol .colmid {
 right: 0%;			/* width of the right column */
 background: #FFFFFF;		/* center column background colour */
}

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

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

.twocol .col2 {
 left: 4%;			/* 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) */
}