#pageWrapper{
	min-width:40em;
	max-width:1000px;
	width:auto;
	margin:0 auto;
	overflow:hidden;
}
#header{
	margin-bottom:5em;
}
.line {
  float: left;
  width: 100%;
  display: block;
  position: relative;
}
.item {
  position: relative;
  overflow:visible;	/* fix for IE italics bug */
  float: left;
  left: 100%;
}
#outerColumnContainer{
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left:solid 15em #fdfdf9;
	border-right:solid 14em #Fdfdf9;
	border-top:0 solid #200;
	padding-top:.3em;
	margin-top:.5em;
}
#innerColumnContainer
{
	border:solid 1px #200;
	border-width:0 1px;
	margin:0 -2px;		/* compensate for the borders because of
					100% width declaration */
	width:100%;
	z-index:1;
}
#SOWrap{
	float:left;
	width:100%;
	z-index:3;
	padding-bottom:1em;
}
#leftColumn{
	margin-left:-100%;
	width:22%;
	z-index:4;
}
#middleColumn{
	margin-left:-77%;
	width:54%;
	z-index:5;
}
#rightColumn{
	width:21%;
	margin-left:-22%;
	z-index:2;
}
.inside{
	margin:0 .4em;
	position:relative;
}
#rightColumn .inside{
	padding:0 1em;
}
.clear:after, input [type=submit]{
	content:" "; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}