/**
 * 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:
 *   0     23     2   0        50        0   2      23     0
 * -----------------------------------------------------------
 * |   |        |   |   |              |   |   |         |   |
 * | A |  LEFT  | B | C |    CENTER    | D | E |  RIGHT  | F |
 * |   |        |   |   |              |   |   |         |   |
 * -----------------------------------------------------------
 */
.threecol {
					/* RIGHT, E and F background color */
}
.threecol .colmid {
	right:	25%;	/* RIGHT + E + F */
					/* CENTER, C and D background color */
}
.threecol .colleft {
	right:	50%;	/* CENTER + C + D */
					/* LEFT, A and B background color */
}
.threecol .col1 {
	width:	50%;	/* CENTER */
	left:	100%;	/* 100% + C */
}
.threecol .col2 {
	width:	23%;	/* LEFT */
	left:	25%;	/* RIGHT + A + C + D + E + F */
}
.threecol .col3 {
	width:	23%;	/* RIGHT */
	left:	79%;	/* 100% - LEFT + C + D + E */
}

/**
 * Default settings for two columns left menu:
 *   0     23     2   0        75       0
 * ----------------------------------------
 * |   |        |   |   |             |   |
 * | A |  LEFT  | B | C |    RIGHT    | D |
 * |   |        |   |   |             |   |
 * ----------------------------------------
 */
.leftmenu {
					/* RIGHT, C and D background color */
}
.leftmenu .colleft {
	right:	75%;	/* RIGHT + C + D */
					/* LEFT, A and B background color */
}
.leftmenu .col1 {
	width:	75%;	/* RIGHT */
	left:	100%;	/* 100% + A */
}
.leftmenu .col2 {
	width:	23%;	/* LEFT */
	left:	0%;		/* A + C + D */
}

/**
 * Default settings for two columns right menu:
 *   0       75       0   2      23     0
 * ----------------------------------------
 * |   |            |   |   |         |   |
 * | A |    LEFT    | B | C |  RIGHT  | D |
 * |   |            |   |   |         |   |
 * ----------------------------------------
 */
.rightmenu {
					/* RIGHT, C and D background color */
}
.rightmenu .colleft {
	right:	25%;	/* RIGHT + C + D */
					/* LEFT, A and B background color */
}
.rightmenu .col1 {
	width:	73%;	/* LEFT */
	left:	25%;	/* RIGHT + A + C + D */
}
.rightmenu .col2 {
	width:	23%;	/* RIGHT */
	left:	27%;	/* 100% - LEFT + C */
}

/**
 * Default settings for double page layout:
 *   0       49       1   1      49     0
 * ----------------------------------------
 * |   |            |   |   |         |   |
 * | A |    LEFT    | B | C |  RIGHT  | D |
 * |   |            |   |   |         |   |
 * ----------------------------------------
 */
.doublepage {
					/* RIGHT, C and D background color */
}
.doublepage .colleft {
	right:	50%;	/* RIGHT + C + D */
					/* LEFT, A and B background color */
}
.doublepage .col1 {
	width:	49%;	/* LEFT */
	left:	50%;	/* RIGHT + A + C + D */
}
.doublepage .col2 {
	width:	49%;	/* RIGHT */
	left:	52%;	/* 100% - LEFT + C */
}

/**
 * Default settings for reversed double page layout:
 *   0       49       1   1      49     0
 * ----------------------------------------
 * |   |            |   |   |         |   |
 * | A |    LEFT    | B | C |  RIGHT  | D |
 * |   |            |   |   |         |   |
 * ----------------------------------------
 */
.rdoublepage {
					/* RIGHT, C and D background color */
}
.rdoublepage .colleft {
	right:	50%;	/* RIGHT + C + D */
					/* LEFT, A and B background color */
}
.rdoublepage .col1 {
	width:	49%;	/* RIGHT */
	left:	100%;	/* 100% + A */
}
.rdoublepage .col2 {
	width:	49%;	/* LEFT */
	left:	1%;		/* A + C + D */
}