/* modified from http://www.matthewjamestaylor.com */


/* -------- column container -------------------------- */

.colmask {
  position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left; 
  width:100%;		/* width of portion of page allocated for use, can be less than all of width */
  overflow:hidden;	/* This chops off any overhanging divs */
  border-left:1px solid #878787;
  border-right:1px solid #878787;
  border-bottom:1px solid #878787;
}

/* -------- holy grail 3 column settings -------- */
.holygrail {
  background:#D1D8C9;	/* Right column background colour, originally #ff9, also #FAF9E4, #fff */
}
.holygrail .colmid {
  float:left;
  width:200%;
  margin-left:-200px;	/* Width of right column */
  position:relative;
  right:100%;
  background:#E4EDDC;	/* Centre column background colour, was #fff #DAE4D2 */
  border-right:1px solid #D8D8D8;
}
.holygrail .colleft {
  float:left;
  width:100%;
  margin-left:-50%;
  position:relative;
  left:400px;		/* Left column width + right column width */
  background:#D1D8C9;	/* Left column background colour, originally #FFD8B7, also #FAF9DC */
  border-right:1px solid #D8D8D8;
}
.holygrail .col1wrap {
  float:left;
  width:50%;
  position:relative;
  right:200px;		/* Width of left column */
  padding-bottom:1em;	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
  margin:0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
  position:relative;
  left:200%;
  overflow:hidden;
}
.holygrail .col2 {
  float:left;
  float:right;		/* This overrides the float:left above */
  width:170px;		/* Width of left column content (left column width minus left and right padding) */
  position:relative;
  right:15px;		/* Width of the left-hand side padding on the left column */
}
.holygrail .col3 {
  float:left;
  float:right;		/* This overrides the float:left above */
  width:170px;		/* Width of right column content (right column width minus left and right padding) */
  margin-right:45px;	/* Width of right column right-hand padding + left column left and right padding */
  position:relative;
  left:50%;
}