/*
Name:        columns.css
Author:      Jeff Fusterer
Description: CSS Layouts-Column blocks for SBCUSD Facilities Web Site
Created:     2008-09-05
*/

/* Basic column box-events */
.columns {
	display: block;
	width: 100%;
	height: auto;
	clear: both;
}

/* 2-column layout */
.col2A,
.col2B {
	display: block;
	width: 49%;
}

.col2A {
	float: left;
	clear: both;
}

.col2B {
	float: right;
}

/* 3-column layout */
.col3A,
.col3B,
.col3C {
	display: block;
	width: 33%;
}

.col3A {
	float: left;
	clear: both;
}

.col3B {
	float: left;
	padding: 0 .25%;
}

.col3C {
	float: right;
}

.col3AB {
	display: block;
	width: 66%;
	padding-right: .5%;
	float: left;
}

.col3BC {
	display: block;
	width: 66%;
	padding-left: .5%;
	float: right;
}

/* 4-column layout */
.col4A,
.col4B,
.col4C,
.col4D {
	display: block;
	width: 24%;
}

.col4A {
	float: left;
	clear: both;
	margin-right: .66%;
}

.col4B,
.col4C {
	float: left;
	margin: 0 .66%;
}

.col4D {
	float: right;
	margin-left: .66%;
}

.col4ABC {
	display:block;
	width:74%;
	float:left;
}

.col4BCD {
	display: block;
	width: 74%;
	float: right;
}