@media screen {
	
	/**
	 * Columns
	 */		
	#maincontent, .contentcontainer {
		height: 100%;
	}
	
    .colmask {
        position: relative; /* This fixes the IE7 overflow hidden bug */
        clear: both;
        float: left;
        width: 100%; /* width of whole page */
		min-height: 550px;
        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;
    }
	
	/**
	 * Single-column layout
	 */
	.singlecolumn {
		
	}
	
	/**
	 * Two-column layout, sidebar left
	 */
	.twocolumn-sidebarleft .colmask, .twocolumn-sidebarleft-equal .colmask {
				/* right column background colour */
	}
	.twocolumn-sidebarleft .colleft {
		right:73%;			/* right column width */
			/* left column background colour */
	}
	.twocolumn-sidebarleft .col1 {
		width:70%;			/* right column content width */
		left:103%;			/* 100% plus left column left padding */
	}
	.twocolumn-sidebarleft .col2 {
		width:25%;			/* left column content width (column width minus left and right padding) */
		left:3%;			/* (right column left and right padding) plus (left column left padding) */
	}
	
	.twocolumn-sidebarleft-equal .colleft {
		right:50%;			/* right column width */
			/* left column background colour */
	}
	
	.twocolumn-sidebarleft-equal.with-border .colleft {
		border-right: 1px dashed #ccc;
	}	
	
	.twocolumn-sidebarleft-equal .col1 {
		width:48%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}
	.twocolumn-sidebarleft-equal .col2 {
		width:48%;			/* left column content width (column width minus left and right padding) */
		left:2%;			/* (right column left and right padding) plus (left column left padding) */
	}
	
 	/**
 	 * Two-column layout, sidebar right
 	 */
	.twocolumn-sidebarright .colmask, .twocolumn-sidebarright-equal .colmask {
				/* right column background colour */
	}
	.twocolumn-sidebarright .colleft {
		right:25%;			/* right column width */
				/* left column background colour */
	}
	.twocolumn-sidebarright .col1 {
		width:71%;			/* left column content width (left column width minus left and right padding) */
		left:27%;			/* (right column width) plus (left column left padding) */
	}
	.twocolumn-sidebarright .col2 {
		width:21%;			/* right column content width (right column width minus left and right padding) */
		left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}

 	.twocolumn-sidebarright-equal .colleft {
		right:50%;			/* right column width */
			/* left column background colour */
	}
	
 	.twocolumn-sidebarright-equal.with-border .colleft {
		border-right: 1px dashed #ccc;
	}
	
	.twocolumn-sidebarright-equal .col1 {
		width:48%;			/* left column content width (left column width minus left and right padding) */
		left:50%;			/* (right column width) plus (left column left padding) */
	}
	.twocolumn-sidebarright-equal .col2 {
		width:48%;			/* right column content width (right column width minus left and right padding) */
		left:54%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
 
 	/**
	 * Three-column layout
	 */
    .threecolumn .colmask, .threecolumn-equal .colmask {
         /* right column background colour */
    }
    
    .threecolumn .colmid, .threecolumn-equal .colmid {
        right: 23%; /* width of the right column */
         /* center column background colour */
    }
    
    .threecolumn .colleft, .threecolumn-equal .colleft {
        right: 54%; /* width of the middle column */
         /* left column background colour */
    }
    
    .threecolumn .col1 {
        width: 50%; /* width of center column content (column width minus padding on either side) */
        left: 102%; /* 100% plus left padding of center column */
    }
    
    .threecolumn .col2 {
        width: 21%; /* Width of left column content (column width minus padding on either side) */
        left: 27%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    }
     /*23 + 4 + 0*/
    .threecolumn .col3 {
        width: 21%; /* Width of right column content (column width minus padding on either side) */
        left: 85%; /* 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) */
    }
     /* 77 + 4 + 2 + 2 */

	.threecolumn-equal .colmid {
        right: 32%; /* width of the right column */
    }
	
	.threecolumn-equal.with-border .colmid {
        border-right: 1px dashed #ccc;
    }	
    
    .threecolumn-equal .colleft {
        right: 36%; /* width of the middle column */
    }
	
    .threecolumn-equal.with-border .colleft {
        border-right: 1px dashed #ccc;
    }   
	 
    .threecolumn-equal .col1 {
        width: 30%; /* width of center column content (column width minus padding on either side) */
        left: 103%; /* 100% plus left padding of center column */
    }
    
    .threecolumn-equal .col2 {
        width: 30%; /* Width of left column content (column width minus padding on either side) */
        left: 38%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    }/*32 + 6 + 0*/
     
    .threecolumn-equal .col3 {
        width: 30%; /* Width of right column content (column width minus padding on either side) */
        left: 78%; /* 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) */
    }/* 68 + 6 + 2 + 2 */	
 	
}