/* 
* = CSS Layout =
* 
* This file contains the CSS used to control the layout of the site.
* Use site.css for any site specific changes such as color, fonts, or
* any other presentational goodies.
* 
* This layout is based on the Skidoo Too layout with modifications:
* http://webhost.bridgew.edu/etribou/layouts/skidoo_too/
*/
.clear {
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
#pageWrapper {
	margin: 15px auto;
	background: #FFF;
	position: relative; 
}
* html #pageWrapper {
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#leftColumn, 
#middleColumn, 
#rightColumn, 
* html #SOWrap {
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap       { float: left;  width: 100%; margin: 0 -1px 0 0;    z-index: 3; }
#middleColumn { float: right; width: 100%; margin: 0 0 0 -1px;    z-index: 5; }
#leftColumn   { float: left;  width: 13em; margin: 0 1px 0 -14em; padding-left: 1em; z-index: 4; }
#rightColumn  { float: right; width: 15em; margin: 0 -16em 0 .5em; z-index: 2; }