@charset "utf-8";
/* CSS Document */

#wrapper {
	width:970px;			/* width of whole page */
	text-align:left;
	margin:0 auto;
}
/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	text-align:left;
}

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

/* 3 Column settings */
.threecol .colmid {
	float:left;
	width:200%;
	margin-left:-197px; 	/* Width of right column */
	position:relative;
	right:100%;
}
.threecol .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:394px;         	/* Left column width + right column width */
}
.threecol .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:197px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.threecol .col1 {
	margin:0 247px 0 247px;     	/* 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;
}
.threecol .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:197px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:0;         	/* Width of the left-hand side padding on the left column */
}
.threecol .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:197px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}


/* 2 Column (left menu) settings */
.leftmenu .colright {
	float:left;
	width:200%;
	position:relative;
	left:197px;
	background:#fff;
}
.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:197px;
	padding-bottom:1em;
}
.leftmenu .col1 {
	margin:0 0 0 247px;
	position:relative;
	right:100%;
	overflow:hidden;
}
.leftmenu .col2 {
	float:left;
	width:197px;
	position:relative;
	right:197px;
}

/* homepage settings */
.homepage .colright {
    float:left;
	width:200%;
	left:485px;
	position:relative;
}
.homepage .col1wrap {
	float:right;
	position:relative;
	width:50%;
	right:485px;
	padding-bottom:1em;
}
.homepage .col1 {
	margin:0 0 0 533px;
	position:relative;
	right:100%;
	overflow:hidden;
}
.homepage .col2 {
    float:left;
	width:485px;
	right:485px;
    position:relative;
}
.homepage.colmask  {
 padding-bottom: 30px; }

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