/* Spacer styles */
    .spacer {
        clear:both;
        float:left;
        width:100%;
        height: 1px;
        background: white;
    }

	/* 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 */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 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;
	}

	/* 3 Column settings */
	.threecol {
		background:#f8f8f8;		/* right column background colour */
	}
	.threecol .colmid {
		right:32%;				/* width of the right column */
		background:#f4f4f4;		/* center column background colour */
	}
	.threecol .colleft {
		right:34%;				/* width of the middle column */
		background:#eee;	/* left column background colour */
	}
	.threecol .col1 {
		width:29%;				/* width of center column content (column width minus padding on either side) */
		left:102%;				/* 100% plus left padding of center column */
		text-align: center;
		padding-top: 5px;
	}
	.threecol .col2 {
		width:29%;				/* 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) */
		
	}
	.threecol .col3 {
		width:30%;				/* Width of right column content (column width minus padding on either side) */
		left:77%;				/* 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) */
		text-align: center;
		padding-top: 5px;
	}

		/* 2 Column (left menu) settings */
	.leftmenu {
		background:#f4f4f4;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:66%;				/* right column width */
		background:#eee;		/* left column background colour */
	}
	.leftmenu .col1 {
		width:63%;				/* right column content width */
		left:102%;				/* 100% plus left column left padding */
		padding-top: 5px;
	}
	.leftmenu .col2 {
		width:29%;				/* left column content width (column width minus left and right padding) */
		left:5%;				/* (right column left and right padding) plus (left column left padding) */
	}
	
	/* Header style */
	.header {
        padding-left: 2%;
        background: #ddd;
        font-weight: bold;
	}

	/* Footer styles */
	#footer, .foot {
        clear:both;
        float:left;
        width:100%;
		height: 1px;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
    /* Form Style */
    input[type="text"],
    textarea,
    select {
    	width: 90%;
    }
    input[type="radio"],
    input[type="checkbox"],
    {
    	border: none;
    	background: none;
    	width: 15px;
    }

    /* Container Style */
    #formcontainer {
    margin:10px;
    	width:	500px;
		border:	solid 1px #ccc;
		padding:	30px;
		text-align:	left;
		font-family:	"Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;
		font-size:	1em;
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
		overflow:hidden;	/* This chops off any overhanging divs */
    }