/* 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 */

}



* html ul,

* html ol,

* html dl,

* html li,

* html *

 { position: relative; }

* html form { margin:0; padding:0;}



.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;

}



#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

	 */

	padding-left: 180px;

	padding-right:200px;

}

#outerLargeColumnContainer

{

	/* 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

	 */

	padding-left: 180px;

	padding-right: 303px;

}

#outerTwoColumnContainer

{

	/* 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

	 */

	padding-left: 180px;

	padding-right: 0px;



}

#innerColumnContainer

{

	width: 100%;
	z-index: 1;
	
	/* margin: 0 -1px;	
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	*/


}

#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;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}

#leftColumn

{

	float: left;

	width: 180px;

	z-index: 4;

	margin-top: 10px;

	margin-right: 1px;

	margin-bottom: 0;

	margin-left: -180px;



}

#rightColumn

{

	float: right;

	width: 200px;

	margin: 40px -200px 0 1px;

	z-index: 2;

}

#rightSlim { margin-left: 20px; }

#largeRightColumn

{
	float: right;
	width: 303px;
	margin: 0 -303px 0 1px;
	z-index: 2;
	background-image:url(../images/bgs/side_chalet.jpg);
	background-repeat: no-repeat;
	background-position: left 300px;
}





/******************************************************************************/