/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */

.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide
{
	display: none !important;
}

#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 195px #fff;
	border-right: solid 220px #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;
	font-size: 105%;
}

#leftColumn
{
	float: left;
	margin: 0 1px 0 -195px;
	width: 180px;
	z-index: 4;
}
#rightColumn
{
	float: right;
	width: 213px;
	margin: 0 -220px 0 1px;
	z-index: 2;
}
#content
{
	margin: 0 10px 0 10px;
}

/* CONSULTUS TWEAKS TWO COLUMN LAYOUT */

#twoCol .leftContent { width:780px; float:left; padding-left:25px; }
#twoCol .side_area { float:right; width:213px; }

#twoCol .rightContent { width:730px; float:left; font-size:12px; }
#twoCol #leftColumn { float:left; width:180px; margin:0 20px 0 0; }