@charset "utf-8";
/*
	############################
	#	PAGE LAYOUT STRUCTURE  #
	############################
*/

BODY {
	margin:  0;
	padding: 0;
}
.pageWidth { /* DEPRICATED CLASS ??? */
	/* EITHER: negative margins equal to body side-margins 
	margin-left: 0;
	margin-right: 0;
	*/
	/* OR: padding equal to column outside-margins */
	padding-left:  40px;
	padding-right: 40px;
}

/*
	#
	#	Generic Layout Classes
	#
	#	These settings are static - DO NOT changed or override by a theme
*/

.layoutRow {
	float:		left;
	width:		100%;
	display:	block;
	position:	relative; /* prevents shifting when changing viewport in IE */
	overflow:	hidden; /* only needed for equal height layoutColumns */
	/* DEBUG
		border:	2px solid #00F;
		margin:	2px -2px;
	*/
	}
	.layoutRow .rowWrapper { /* used only for layering backgrounds */
		overflow:	auto;
	}
	.layoutRow .layoutColumn {
		float:		left;
		position:	relative;
		overflow:	hidden;
		left:		100%;
		}
		.innerColumn .innerBlock {
			overflow: auto; /* to contain floated elements inside the columns OR an inner-block */
		}

	.layoutRow .layoutColumnTall {
		/* used only for EQUAL-HEIGHT COLUMNS, so all can have a continous background color */
		margin-bottom: -5000px;
		padding-bottom: 5000px;
	}

	.layoutRow .column0 {
		/* center columns ALWAYS have same settings - includes 'single-column rows' */
		width:			100%;
		margin-left:	-100%;
	}
	.layoutRow .column1 ,
	.layoutRow .column2 {
		z-index:		100; /* prevent center column content from obscuring sidebars */
	}

#Outer-Row.layoutRow {}
	#Outer-Row.layoutRow .column0 {}
		#Outer-Row.layoutRow .column0 .innerColumn {}
			#Inner-Row.layoutRow {}
				#Inner-Row.layoutRow .column0 {}
					#Inner-Row.layoutRow .column0 .innerColumn {}
					#Inner-Row.layoutRow .column1 .innerColumn {}

/*
	#
	#	Page Section Wrappers
	#
*/
#Page-Wrapper , /* Page-Wrapper wraps ALL sections: Header, Content & Footer */
#Layout-Header ,
#Layout-Content ,
#Layout-Footer {
	margin:		0 auto; /* EQUAL left & right margins - 'centers' the div when NOT 100% width */
	overflow:	hidden;
	position:	relative;
}

/*
	#
	#	Page Header
	#
*/
#Layout-Header {
	/* SEE 'Page Section Wrappers' above */
	}
	#Layout-Header .layoutRow {}
		#Layout-Header .layoutRow .layoutColumn {}
			#Header.innerColumn {}
				#Banner {}
				#Navbar {}

/*
	#
	#	Page Footer
	#	
*/
#Layout-Footer {
	/* SEE 'Page Section Wrappers' above */
	}
	#Layout-Footer .layoutRow {}
		#Layout-Footer .layoutRow .layoutColumn {}
			#Footer.innerColumn {}


/*
	#
	#	Row Layout: 1 Column - used for Header & Footer
	#	
*/
.columns-1 {}
	.columns-1 .layoutColumn {}
		.columns-1 .layoutColumn .innerColumn {}


/*
	#
	#	Row Layout: 2-Equal-Columns
	#	
*/
.columns-2-equal {}
	.columns-2-equal .layoutColumn {} /* ALL Columns */
	.columns-2-equal .column1 {		/* Left Column */
		/*width:			50%;*/
		/*margin-left:	-100%;*/		/* ALWAYS -100% */
		}
		.columns-2-equal .column1 .innerColumn {}
	.columns-2-equal .column0 {		/* Right Column */
		/* SEE Generic '.layoutRow .column0' */
		}
		.columns-2-equal .column0 .innerColumn { 
			/*margin-left:	50%;*/	/* LC width */
		}


/*
	#
	#	Row Layout: 3-Equal-Columns
	#	
*/
.columns-3-equal {}
	.columns-3-equal .layoutColumn {} /* ALL Columns */
	.columns-3-equal .column1 {		/* Left Column */
		width:			33.3%;
		margin-left:	-100%;		/* ALWAYS -100% */
		}
		.columns-3-equal .column1 .innerColumn {
		}
	.columns-3-equal .column2 {		/* Right Column */
		width:			33.3%;
		margin-left:	-33.3%;		/* RC width x -1 */
		}
		.columns-3-equal .column2 .innerColumn {
		}
	.columns-3-equal .column0 {		/* Main Column */
		/* SEE Generic '.layoutRow .column0' */
		}
		.columns-3-equal .column0 .innerColumn { 
			margin-left:	33.3%;	/* LC width */
			margin-right:	33.3%;	/* RC width */
		}


/*
	#
	#	Row Layout: 3-Columns - Center plus 2x Sidebars
	#	
*/
.columns-3-sidebars {}
	.columns-3-sidebars .column1 {	/* Left Column */
		width:			220px;
		margin-left:	-100%;		/* ALWAYS -100% */
	}
	.columns-3-sidebars .column2 {	/* Right Column */
		width:			220px;
		margin-left:	-220px;		/* RC width x -1 */
		}
	.columns-3-sidebars .column0 {}	/* Main Column */
		.columns-3-sidebars .column0 .innerColumn {
			margin-left:	220px;	/* LC width*/
			margin-right:	220px	/* RC width */
		}


/*
	#
	#	Row Layout: 2-Columns - Center plus Right Sidebars
	#	
*/
.columns-2-sidebar-right {}
	.columns-2-sidebar-right .column1 {	/* Right Column */
		width:			220px;
		margin-left:	-220px;			/* RC width x -1 */
	}
	.columns-2-sidebar-right .column0 {}	/* Main Column */
		.columns-2-sidebar-right .column0 .innerColumn { 
			margin-right:	220px;		/* RC width */
		}


/*
	#
	#	Row Layout: 2-Columns - Center plus Left Sidebars
	#	
*/
.columns-2-sidebar-left {}
	.columns-2-sidebar-left .column1 {	/* Left Column */
		width:			220px;
		margin-left:	-100%;			/* ALWAYS -100% */
	}
	.columns-2-sidebar-left .column0 {}	/* Main Column */
		.columns-2-sidebar-left .column0 .innerColumn {
			margin-left:	220px;		/* LC width*/
		}