/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */
* html ul,
* html ol,
* html dl,
* html li,
* html *
 { position: relative; }
.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide
{
	display: none !important;
}
.inside
{
	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0 0em;
}

#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 147px #fff;
	border-right: solid 200px #fff;
}

#outerColumnContainer.no-right-column
{
	/* 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 147px #fff;
	border-right: solid 0px #fff;
}


#outerColumnContainer.none
{
	border-left: solid 0px #fff;
}
#innerColumnContainer
{
	border: solid 1px #fff;
	border-width: 0 1px;
	margin: 0 -1px;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap
{
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middleColumn
{
	float: right;
	width: 100%;
	z-index: 5;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -1px;
}
#leftColumn
{
	float: left;
	margin: 0 1px 0 -147px;
	width: 147px;
	z-index: 4;
}



#leftColumn.none
{
	margin: 0 1px 0 0px;
	width: 0px;
}
#rightColumn
{
	float: right;
	width: 200px;
	margin: 0 -200px 0 1px;
	z-index: 2;
}

#rightColumnHome
{
	float: right;
	width: 200px;
	margin: 0 -200px 0 1px;
	z-index: 2;
}

/* TWO COLUMN LAYOUT */


#twoCol .leftContent { width:780px; float:left; }
#twoCol .side_area { float:right; width:200px; }