/**
 * 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%;
	position:	relative;
}
.col1,
.col2,
.col3 {
	float:		left;
	position:	relative;
	overflow:	hidden;
}

/**
 * Default settings for three columns.
 */
.threecol {
							/* right column background colour */
}
.threecol .colmid {
	right:		25%;		/* width of the right column */
							/* center column background colour */
}
.threecol .colleft {
	right:		50%;		/* width of the middle column */
							/* left column background colour */
}
.threecol .col1 {
	width:		50%;		/* width of center column content (column width minus padding on either side) */
	left:		100%;		/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:		23%;		/* width of left column content (column width minus padding on either side) */
	left:		25%;		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:		23%;		/* width of right column content (column width minus padding on either side) */
	left:		79%;		/* 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) */
}

/**
 * Default settings for two columns left menu.
 */
.leftmenu {
							/* right column background colour */
}
.leftmenu .colleft {
	right:		75%;		/* right column width */
							/* left column background colour */
}
.leftmenu .col1 {
	width:		75%;		/* right column content width */
	left:		100%;		/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:		23%;		/* left column content width (column width minus left and right padding) */
	left:		0%;			/* (right column left and right padding) plus (left column left padding) */
}

/**
 * Default settings for two columns right menu.
 */
.rightmenu {
							/* right column background colour */
}
.rightmenu .colleft {
	right:		25%;		/* right column width */
							/* left column background colour */
}
.rightmenu .col1 {
	width:		73%;		/* left column content width (left column width minus left and right padding) */
	left:		25%;		/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:		23%;		/* right column content width (right column width minus left and right padding) */
	left:		27%;		/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/**
 * Default settings for double page layout.
 */
.doublepage {
							/* right column background colour */
}
.doublepage .colleft {
	right:		50%;		/* right column width */
							/* left column background colour */
}
.doublepage .col1 {
	width:		49%;		/* left column content width (column width minus left and right padding) */
	left:		50%;		/* right column width plus left column left padding */
}
.doublepage .col2 {
	width:		49%;		/* right column content width (column width minus left and right padding) */
	left:		52%;		/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/**
 * Default settings for reversed double page layout.
 */
.rdoublepage {
							/* right column background colour */
}
.rdoublepage .colleft {
	right:		50%;		/* right column width */
							/* left column background colour */
}
.rdoublepage .col1 {
	width:		49%;		/* right column content width */
	left:		100%;		/* 100% plus left column left padding */
}
.rdoublepage .col2 {
	width:		49%;		/* left column content width (column width minus left and right padding) */
	left:		1%;			/* (right column left and right padding) plus (left column left padding) */
}