/***************************************************************************************
COLUMN LAYOUTS
***************************************************************************************/

/***************************************************************************************
SIMPLE3COL (SARAH'S SIMPLE 3 COLUMN):
			fixed width outer columns (pixel width) with variable width middle column

<div class="simple3col">
	<div class="mcolwrap">
		<div class="mcol"></div>
	</div>
	<div class="lcol"></div>
	<div class="rcol"></div>
</div>
			
Used for: HEADER.
***************************************************************************************/

.simple3col{
	position:relative;
	float:left; clear:both;
	width:200%;				/*	= 2x page width */
}

.simple3col .mcolwrap{
	position:relative;
	float:left;
	width:50%;	/*  = page width */
	height:100%;
}
.simple3col .mcol{
	margin:0 250px;	/*	= width of lcol and rcol */
	height:100%;
}
.simple3col .lcol{
	position:relative; float:left;
	width:250px; 			/*	width of lcol */
	right:50%;				/*	moves right edge left 1 page width*/
	height:100%;
}
.simple3col .rcol{
	position:relative; float:left;
	width:250px;			/*	= width of rcol */
	margin-left:-500px;		/*	= -(width of rcol + lcol)*/
	height:100%;
}

/***************************************************************************************
SIMPLE2COL_L (SARAH'S SIMPLE 2 COLUMN, FIXED WIDTH LEFT COLUMN):
			fixed width LEFT column (pixel width) with variable width right column

<div class="simple2col_l">
	<div class="mcolwrap">
		<div class="mcol"></div>
	</div>
	<div class="lcol"></div>
</div>
			
Used for: HEADER.
***************************************************************************************/

.simple2col_l{
	position:relative;
	float:left; clear:both;
	width:200%;				/*	= 2x page width */
}

.simple2col_l .mcolwrap{
	position:relative;
	float:left;
	width:50%;	/*  = page width */
	height:100%;
}
.simple2col_l .mcol{
	margin-left:250px;	/*	= width of lcol and rcol */
	height:100%;
}
.simple2col_l .lcol{
	position:relative; float:left;
	width:250px; 			/*	width of lcol */
	right:50%;				/*	moves right edge left 1 page width*/
	height:100%;
}

/***************************************************************************************
SIMPLE2COL_R (SARAH'S SIMPLE 2 COLUMN, FIXED WIDTH RIGHT COLUMN):
			fixed width RIGHT column (pixel width) with variable width right column

<div class="simple2col_r">
	<div class="mcolwrap">
		<div class="mcol"></div>
	</div>
	<div class="rcol"></div>
</div>
			
Used for: HEADER.
***************************************************************************************/

.simple2col_r{
	position:relative;
	float:left; clear:both;
	width:200%;				/*	= 2x page width */
}

.simple2col_r .mcolwrap{
	position:relative;
	float:left;
	width:50%;	/*  = page width */
	height:100%;
}
.simple2col_r .mcol{
	margin-right:250px;	/*	= width of lcol and rcol */
	height:100%;
}

.simple2col_r .rcol{
	position:relative; float:left;
	width:250px;			/*	= width of rcol */
	margin-left:-250px;		/*	= -(width of rcol + lcol)*/
	height:100%;
}