/***** Page layout *****/
body
{
    margin: 10px 50px;
}

/* 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;
}

#content,
#left,
#right
{
    float: left;
    position: relative;
    padding: 0 0 1em 0px;	/* 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;
}

.threecol .colmid { right: 23%; }			/* width of the right column */
.threecol .colleft { right: 57%;	}		/* width of the middle column */

.threecol #content
{
    width: 56%;			/* width of center column content (column width minus padding on either side) */
    left: 101%;			/* 100% plus left padding of center column */
    padding-left: 1px;
    margin-left: -1px;
}

.threecol #left
{
    width: 19%;			/* Width of left column content (column width minus padding on either side) */
    left: 24%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    min-width: 100px;
    padding: 0 0.5%;
}

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

#content { margin-top: 10px; }

/***** Right sidebar items *****/
div#right
{
    padding-top: 0px;
}