﻿/* Column */

.columnMask 
{
	margin-left: auto;
	margin-right: auto;		
		border-style: none;
	border-color: inherit;
	border-width: 0px;
	margin: 0px;
	position: relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
	width: 100% !important; /* mozilla */
	width: 91% !important;
	padding: 0% !important; /* mozilla */
		padding: 0%;
		overflow:hidden;	/* This chops off any overhanging divs */
}
.col1, .col2, .col3, .col4
{
	float: left;
	position: relative;
	overflow: hidden;
}
	
.fourCols
{
	margin: 0px;
	border: 0px solid #C0C0C0;
	background: #EBEBEB;
	top: 351px;
	left: 23px;
}
.fourCols .col1
{
	width:25%;			
	left:0%;			
}
.fourCols .col2 
{
	width:25%;			
	left:0%;			
}
.fourCols .col3 
{
	width:25%;			
	left:0%;			
}
.fourCols .col4
{
	width:25%;	
	left:0%;
}

.threeCols
{
	margin: 0px;
	border: 1px solid #C0C0C0;
	background: #EBEBEB;
}
.threeCols .col1 
{
	width:33%;			
	left:0%;
	top: 0px;
}
.threeCols .col2 
{
	width:33%;			
	left:0%;			
}
.threeCols .col3 
{
	width:33%;			
	left:0%;
	top: 0px;
}
	
.twoCols
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	top: 687px;
	left: -8px;
}
.twoCols .col1 
{
	left: 5%;
	width: 40%;						
}
.twoCols .col2 
{
	left: 10%; 
	width: 40%;			
}	
	

	

