/*Based on Matthew James Taylor's holygrail layout at http://matthewjamestaylor.com/blog/holy-grail-no-quirks-mode.htm*/
body {min-width:70em;		/* Minimum width of layout - remove line if not required */
}
/* holy grail 3 column settings */
/* 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 whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
.holygrail .colmid {
  float:left;
  width:200%;
  position:relative;
	border-left: 1px solid #ddd;
	left:10em; /* Width of left column + left col padding*/
}
.holygrail .colright {
  float:left;
  width:100%;
  position:relative;
  left:50%;         		
  margin-left:-37.5em; /* Left column width + right column width + col padding*/
	border-left: 1px solid #ddd;
}
.holygrail .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;        		/* Width of left column */
}
.holygrail .col1pad {
	margin:0 0.5em 0 37.75em; /* Left column width + right column width + padding*/
	overflow:hidden;
}
.holygrail .col1 {
	width:100%;
	overflow:hidden;
}
.holygrail .col2 {
  float:left;
	width:9.5em; /*width of left column*/
	position:relative;
	margin-left:-50%;
	left:27.5em; /*width of right column + padding*/
	overflow:hidden;       
}
.holygrail .col3 {
  float:left;
	width:26.5em; /*width of right column*/
	position:relative;
	left:.5em; /*padding of right column*/
	overflow:hidden;
}

/* Footer styles */
#footer {
       clear:both;
       float:left;
       width:100%;
   }