/* <!-- */
/* General styles */

/* column container */
.colmask 
{
	position: relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear: both;
    width: 100%;				/* width of whole page */
    margin-top: 10px;
}
	
/* Full page settings */	
/* 1 column full page settings */
.fullpage
{
    background: transparent;
}

.fullpage .col1 
{
    margin: 0 12px 12px 12px;
}
/*  END 1 column full page settings */

/* 2 column left menu settings */
.leftmenu
{
    background: transparent;
}

.leftmenu .colright
{
    float: left;
    width: 200%;
    position: relative;
	left: 215px;
    background: transparent;
}

.leftmenu .col1wrap
{
    float: right;
	width: 50%;
	position: relative;
	right: 209px;
	padding-bottom: 1em;
}

.leftmenu .col1
{
    margin: 0 20px 0 215px;
	position: relative;
    right: 100%;
	overflow: hidden;
	padding: 0 2px 0 0;
}

.leftmenu .col2
{
    float: left;
    width: 200px;
    position: relative;
    right: 205px;
}

/* END 2 column left menu settings */

/* 2 column right menu settings */
.rightmenu {
	background: transparent;
}

.rightmenu .colleft
{
    float: left;
    width: 200%;
    margin-left: -210px;
    position: relative;
    right: 100%;
    background: transparent;
}

.rightmenu .col1wrap
{
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
	padding-bottom: 1em;
}

.rightmenu .col1
{
    margin: 0 5px 0 221px;
    padding-left: 100px;
    overflow:hidden;
}

.rightmenu .col2
{
    float: right;
    width: 200px;
    position: relative;
    left: 201px;
}

/* END 2 column right menu settings */

.threeColumns .colmask
{
    background: transparent;    /* Left column background color */
}

.threeColumns .colmid
{
	float: left;
	width: 200%;
	position: relative;
	left: 211px;
	background: transparent;    	/* Centre column background colour */
}

.threeColumns .colright
{
	float: left;
	width: 100%;
	position: relative;
	left: 50%;
	margin-left: -420px;
	background: transparent;    	/* Right column background colour */
}

.threeColumns .col1wrap
{
	float: right;
	width: 50%;
	position: relative;
	right: 100%;
}

.threeColumns .col1pad
{
	margin: 0 10px 0 430px;
	padding-top: 12px;
	overflow: hidden;
}

.threeColumns .col1
{
	width: 100%;
	overflow: hidden;
}

.threeColumns .col2
{
	float: left;
	width: 200px;
	position: relative;
	margin-left: -50%;
	left: 218px;
	overflow: hidden;
}

.threeColumns .col3
{
	float: left;
	width: 200px;
	position: relative;
	overflow: hidden;
	left: 0;
}
/* --> */