#header {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	border-bottom:1px solid #000;
}
#header p {
	padding:.5em 15px .2em 15px;
	margin:0;
}
#header h1  {
	padding:.2em 15px;
	margin:0;
}
#header h2  {
	padding:.2em 15px	.7em 15px;
	margin:0;
}
#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	/*float:left;*/
    width:990px;
	overflow:hidden;		/* This chops off any overhanging divs */
	/*background:gray;	/* Left column background colour */
	margin: 0px 0px 0px 5px;
	text-align:left;
}

#colmaskiphone{
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	/*float:left;*/
    width:640px;
	overflow:hidden;		/* This chops off any overhanging divs */
	/*background:gray;	/* Left column background colour */
	margin: 0px 0px 0px 5px;
	text-align:left;
}

#colmid {
	float:left;
	width:200%;
	position:relative;
	left:175px;         /* Start of centre column*/
	padding-top:0px;
	/*background:red;    	/* Centre column background colour */
	
}
.threecolumn #colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-349px; /*Shifts whole screen, start with this for aligning columns*/
	/*background:yellow;   	/* Right column background colour */
}
.threecolumn #col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
	}
.threecolumn #col1pad {
	margin: 0px 0px 0px 352px; /*adjust centre column left from here */
	overflow:hidden;
}
.threecolumn #col1 {
	width:100%;    /*Centre column width*/
	overflow:hidden;
}
.threecolumn #col2 {    /*left column */
	float:left;
	width:173px;
	position:relative;
	margin-left:-50%;
	left:174px;
	overflow:hidden;
}
.threecolumn #col3 {
	float:left;
	width:173px;
	position:relative;
	left:0px;
	overflow:hidden;
}
#footer {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	margin-top:2px;
/*	border-top:1px solid #000;*/
}
#footer p {
	padding:.5em 15px;
}



/* Two Column Layout related */

    .twocolumn
    {
        overflow:hidden;
        clear:both;
        /*background-color:Black;*/

    }

    .twocolumn #colright {
        float:left;
        width:200%;
		position:relative;
		left:178px;         /* Shifts whole screen */
        /*background:red;*/

    }
    .twocolumn #col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:173px;
	    /*padding-bottom:1em;*/
	    /*background:blue;*/
	}
	.twocolumn #col1 {
        margin:0px 0px 0px 173px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	    /*background:yellow;*/

	}
	
    .twocolumn #col2 {
        float:left;
        width:173px;
        position:relative;
        right:178px;

        /*background:gray;*/
    }