h1, h2, h3 { margin: 0px; }


	/* Header styles */
    .header {
        clear:both;
        float:left;
        width:100%;
		/*background: #ffff99;*/
    }


    .footer {
        clear:both;
        float:left;
        width:100%;
		/*background: #ff99ff;*/
    }


	/* column container */
	.colmask {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}

	/* common column settings */
	.p2Cp46_cr,
	.p2Cp46_cm,
	.p2Cp46_cl {
		float:left;
		width:100%;
		position:relative;
	}

	.p2Cp46_c1,
	.p2Cp46_c2,
	.p2Cp46_c3 {
		float:left;
		position:relative;
		padding: 0;
		overflow:hidden;
	}

	/* 2 Column (right menu) settings */
	.p2Cp46 {
		/*background: #ff9999;*/		/* right column background colour */
	}
	.p2Cp46_cl {
		right:60%;				/* right column width */
		/*background: #99ffff;*/		/* left column background colour */
	}
	.p2Cp46_c1 {
		width:39%;				/* left column content width (left column width minus left and right padding) */
		left:60%;				/* (right column width) plus (left column left padding) */
	}
	.p2Cp46_c2 {
		width:59%;				/* right column content width (right column width minus left and right padding) */
		left:62%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}




	.p2Cp55_cr,
	.p2Cp55_cm,
	.p2Cp55_cl {
		float:left;
		width:100%;
		position:relative;
	}

	.p2Cp55_c1,
	.p2Cp55_c2,
	.p2Cp55_c3 {
		float:left;
		position:relative;
		padding: 0;
		overflow:hidden;
	}

	.p2Cp55 {
		/*background: #999999;*/		/* right column background colour */
	}
	.p2Cp55_cl {
		right:50%;				/* right column width */
		/*background: #666699;*/		/* left column background colour */
	}
	.p2Cp55_c1 {
		width:49%;				/* left column content width (left column width minus left and right padding) */
		left:50%;				/* (right column width) plus (left column left padding) */
	}
	.p2Cp55_c2 {
		width:49%;				/* right column content width (right column width minus left and right padding) */
		left:52%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}












	.p2Cp3_cr,
	.p2Cp3_cm,
	.p2Cp3_cl {
		float:left;
		width:100%;
		position:relative;
	}

	.p2Cp3_c1,
	.p2Cp3_c2,
	.p2Cp3_c3 {
		float:left;
		position:relative;
		padding:0 0 0 0;
		overflow:hidden;
	}

	.p2Cp3 {
		/*background: #999999;*/		/* right column background colour */
	}
	.p2Cp3_cl {
		right:85%;				/* right column width */
		/*background: #666699;*/		/* left column background colour */
	}
	.p2Cp3_c1 {
		width:15%;				/* left column content width (left column width minus left and right padding) */
		left:85%;				/* (right column width) plus (left column left padding) */
	}
	.p2Cp3_c2 {
		width:75%;				/* right column content width (right column width minus left and right padding) */
		left:90%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}












	.p2Cfr200 {
		background: #ffebb1;
		right: 10px;				/* right column right margin */
		margin-bottom: 10px;		/* whole div bottom margin */
	}

	.p2Cfr200_cl {
		float:left;
		width:200%;
		margin-left:-320px;					/* width of right column */
		position:relative;
		right:100%;
		background: #ffffff;
	}

	.p2Cfr200_c1w {
		float:left;
		width:50%;
		position:relative;
		left:50%;
		padding-bottom:0;
	}

	.p2Cfr200_c1 {
		margin:0 10px 0 340px;				/* left column right margin, left column left margin + right column width */
		overflow:hidden;
	}

	.p2Cfr200_c2 {
		float:right;
		width:300px;						/* right column content width (right column width - (right column left + right padding)) */
		position:relative;
		left:310px;							/* right column width - right column right padding */
	}













	.p2Cfr100 {
		/*background: #99ff99;*/				/* right column background color */
	}

	.p2Cfr100_cl {
		float:left;
		width:200%;
		margin-left:-100px;					/* width of right column */
		position:relative;
		right:100%;
		/*background: #9999ff;*/				/* left column background color */
	}

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

	.p2Cfr100_c1 {
		margin:0 0px 0 100px;				/* left column right padding, left column left margin + right column width */
		overflow:hidden;
	}

	.p2Cfr100_c2 {
		float:right;
		width:80px;						/* right column content width (right column width - (right column left + right padding)) */
		position:relative;
		left:90px;							/* right column width - right column right padding */
	}










	.p2Cfr400 {
		background: #ffebb1;
	}

	.p2Cfr400_cl {
		float:left;
		width:200%;
		margin-left:-400px;					/* width of right column */
		position:relative;
		right:100%;
		background: #ffffff;
	}

	.p2Cfr400_c1w {
		float:left;
		width:50%;
		position:relative;
		left:50%;
		/*padding-bottom:1em;*/
	}

	.p2Cfr400_c1 {
		margin:0 10px 0 400px;				/* left column right padding, left column left margin + right column width */
		overflow:hidden;
	}

	.p2Cfr400_c2 {
		float:right;
		width:370px;						/* right column content width (right column width - (right column left + right padding)) */
		position:relative;
		left:385px;							/* right column width - right column right padding */
	}

























	.p2Cfr4 {
		/*background: #99ff99;*/				/* right column background color */
	}

	.p2Cfr4_cl {
		float:left;
		width:200%;
		margin-left:-0px;					/* width of right column */
		position:relative;
		right:100%;
		/*background: #9999ff;*/				/* left column background color */
	}

	.p2Cfr4_c1w {
		float:left;
		width:50%;
		position:relative;
		left:50%;
	}

	.p2Cfr4_c1 {
		margin:0 10px 0 5px;				/* left column right padding, left column left margin + right column width */
		overflow:hidden;
	}

	.p2Cfr4_c2 {
		float:right;
		width:0px;						/* right column content width (right column width - (right column left + right padding)) */
		position:relative;
		left:0px;							/* right column width - right column right padding */
	}


	/* holy grail 3 column settings */
	.p3Cf1 {
	    background: #fff;    		/* Right column background colour */
	}

    .p3Cf1_cm {
        float: left;
        width: 200%;
        margin-left: -20px; 			/* Width of right column */
        position: relative;
        right: 100%;
        background: #fff;    	/* Centre column background colour */
    }
    
	.p3Cf1_cl {
        float: left;
        width: 100%;
        margin-left: -50%;
        position: relative;
        left: 120px;         	/* Left column width + right column width */
        background: #fff;    				/* Left column background colour */
    }
    
	.p3Cf1_c1w {
		float: left;
		width: 50%;
		position: relative;
		right: 100px;        	/* Width of left column */
		padding-bottom: 1em; 					/* Centre column bottom padding. Leave it out if it's zero */
		padding-top: 3px;
	}
	
	.p3Cf1_c1 {
		margin:0 30px 0 110px;     	/* 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;
	}
    
	.p3Cf1_c2 {
        float: left;
        float: right;																/* This overrides the float:left above */
        width: 100px;        	/* Width of left column content (left column width minus left and right padding) */
        position: relative;
        right: 0px;         									/* Width of the left-had side padding on the left column */
		  padding-top: 5px; 
    }
    
	.p3Cf1_c3 {
        float: left;
        float: right;																	/* This overrides the float:left above */
        width: 20px;        	/* 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%;
		  padding-top: 3px;
    }


















	/* common column settings */
	/* earlier p3Cp33 */
	.p3Cp1_cr,
	.p3Cp1_cm,
	.p3Cp1_cl {
		float: left;
		width: 100%;				/* width of page */
		position: relative;
	}

	.p3Cp1_c1,
	.p3Cp1_c2,
	.p3Cp1_c3 {
		float: left;
		position: relative;
		padding: 0;																	/* no left and right padding on columns, we just make them narrower 
																							instead only padding top and bottom is included here, make it whatever value you need */
		overflow: hidden;
		padding: 0em 0 0em 0;
	}

	/* 3 Column settings */
	.p3Cp1 {
		background: #ffffff;			/* right column background colour */
	}

	.p3Cp1_cm {
		right: 33%;						/* width of the right column */
		background: #ffffff;		/* center column background colour */
	}

	.p3Cp1_cl {
		right: 33%;					/* width of the middle column */
		background: #ffffff;			/* left column background colour */
	}
	
	.p3Cp1_c1 {
		width: 29%;				/* width of center column content (column width minus padding on either side) */
		left: 102%;													/* 100% plus left padding of center column */
	}
	
	.p3Cp1_c2 {
		width: 32%;						/* Width of left column content (column width minus padding on either side) */
		left: 37%;		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}

	.p3Cp1_c3 {
		width: 31%;																		/* Width of right column content (column width minus padding on either side) */
		left: 74%;				/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}



















	/* common column settings */
	/* earlier p3Cp33 */
	.p3Cp2_cr,
	.p3Cp2_cm,
	.p3Cp2_cl {
		float: left;
		width: 100%;				/* width of page */
		position: relative;
	}

	.p3Cp2_c1,
	.p3Cp2_c2,
	.p3Cp2_c3 {
		float: left;
		position: relative;
		padding: 0;																	/* no left and right padding on columns, we just make them narrower 
																							instead only padding top and bottom is included here, make it whatever value you need */
		overflow: hidden;
		padding: 1em 0 1em 0;
	}

	/* 3 Column settings */
	.p3Cp2 {
		background: #ffffff;			/* right column background colour */
	}

	.p3Cp2_cm {
		right: 33%;						/* width of the right column */
		background: #ffffff;		/* center column background colour */
	}

	.p3Cp2_cl {
		right: 33%;					/* width of the middle column */
		background: #ffffff;			/* left column background colour */
	}
	
	.p3Cp2_c1 {
		width: 29%;				/* width of center column content (column width minus padding on either side) */
		left: 102%;													/* 100% plus left padding of center column */
	}
	
	.p3Cp2_c2 {
		width: 30%;						/* Width of left column content (column width minus padding on either side) */
		left: 39%;		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}

	.p3Cp2_c3 {
		width: 29%;																		/* Width of right column content (column width minus padding on either side) */
		left: 76%;				/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

































	/* holy grail 3 column settings */
	.p3Cf3 {
	    background: #ffffff;    		/* Right column background colour */
	}

    .p3Cf3_cm {
        float: left;
        width: 200%;
        margin-left: -127px; 			/* Width of right column */
        position: relative;
        right: 100%;
        background: #ffffff;    	/* Centre column background colour */
    }
    
	.p3Cf3_cl {
        float: left;
        width: 100%;
        margin-left: -50%;
        position: relative;
        left: 227px;         	/* Left column width + right column width */
        background: #ffffff;    				/* Left column background colour */
    }
    
	.p3Cf3_c1w {
		float: left;
		width: 50%;
		position: relative;
		right: 100px;        	/* Width of left column */
		padding-bottom: 1em; 					/* Centre column bottom padding. Leave it out if it's zero */
		padding-top: 3px;
	}
	
	.p3Cf3_c1 {
			margin:0 137px 0 110px;     	/* 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;
	}
    
	.p3Cf3_c2 {
        float: left;
        float: right;																/* This overrides the float:left above */
        width: 100px;        	/* Width of left column content (left column width minus left and right padding) */
        position: relative;
        right: 0px;         									/* Width of the left-had side padding on the left column */
		  padding-top: 5px;
    }
    
	.p3Cf3_c3 {
        float: left;
        float: right;																	/* This overrides the float:left above */
        width: 127px;        	/* 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%;
		  padding-top: 3px;
    }