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


/* -------- 2 column settings -------- */
.colright,
.colmid,
.colleft {
  float:left;
  width:100%;
  position:relative;
}
.col1,
.col2,
.col3 {
  float:left;
  position:relative;
  padding:0 0 1em 0;
  overflow:hidden;
}
/* 2 Column (left menu) settings */
.leftmenu {
  background:#E4EDDC;	/* primary (right) column background colour, was #fff */
}
.leftmenu .colleft {
  right:75%;		/* primary (right) column width */
  background:#D1D8C9;	/* left column background colour, was #f4f4f4 D1D8C9 */
}
.leftmenu .col1 {
  width:71%;		/* primary (right) column content width */
  left:102%;		/* 100% plus left column left padding */
}
.leftmenu .col2 {
  width:21%;		/* left column content width (column width minus left and right padding) */
  left:6%;		/* (right column left and right padding) plus (left column left padding) */
}

/* -------- floating boxes layout ------------------ */

#wrapper {
  clear:left;
  float:left;
  width:100%;
  background:#E4EDDC;
  padding-bottom:20px;
}

#box1wrap {
  float:left;
  width:230px;
  margin-top:10px;
}
#box1 {
  float:right;
  width:230px;
  height:800px;
  background:#E4EDDC;
}
#box1pad {
  position:relative;
  right:5px;
  float:right;
  width:230px;
  overflow:hidden;
}

#box2wrap {
  float:left;
  width:230px;
  height:800px;
  margin-top:10px;
}
#box2 {
  float:right;
  width:230px;
  height:800px;
  background:#E4EDDC;
  padding-bottom:5px;
}
#box2pad {
  position:relative;
  right:5px;
  float:right;
  width:230px;
  overflow:hidden;
}

.box3wrap {
  float:left;
  width:230px;
  margin-top:10px;
}
.box3 {
  float:right;
  width:230px;
  height:800px;
  background:#E4EDDC;
  padding-bottom:5px;
}
.box3pad {
  position:relative;
  right:5px;
  float:right;
  width:230px;
  overflow:hidden;
}