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

BASICS

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




html, body
{
	height:				100%;
}


body
{
	margin:				0px;
	padding:			0px;
	background-color:	#444;
}


/*
 *	Don't give all divs position: relative, since we need .global_wrapper NOT to serve as positioning context for CSS2 browsers
 */

div, p
{
/*	position:			relative;  */
	margin:				0px;
	padding:			0px;
}















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

MIN-WIDTH: 995px

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


#ie6_min_width_wrapper
{
	min-height:			100%;		/*  guarantees footer sticks and .css2_column_bg always extends to bottom of viewport in CSS2 browser  */
	position:			relative;	/*  Without this, .css2_column_bg will stick to edge of viewport in CSS2 browser  */
	
	width:				995px;
	margin-left:		auto;
	margin-right:		auto;
	background-color:	#fff;
	
}


/*
* html #ie6_min_width_wrapper
{
	margin-right:		-495px;
	margin-left:		-500px;
}
*/










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

CSS2 COLUMN DECORATION

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

/*  Note also required styles on .ie6_min_width_wrapper above  */

.css2_column_bg
{
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				190px;		/*SW  */
	height:				100%;
	background-color:	white;
}

* html .css2_column_bg  /*  This is aligned to the left edge of the body border in IE6, so hide it  */
{
	visibility:			hidden;
	display:			none;
}










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

DEFINE CENTRAL COLUMN
IE6 COLUMN DECORATION
IE6 PAGE BACKGROUND

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



.global_wrapper
{
	padding-left:		190px;		/*SW  */
}


* html .global_wrapper
{
	position:			relative;	/*  required for border (col bg) to appear.  But would kill footer sticking in CSS2 browsers  */
	height:				100%;		/*  required for side content & border (col bg) to appear.  Won't hurt CSS2 browser, but not necessary either  */
	padding-left:		0px;		/*  undo above  */
	border-left:		190px solid white;	/*SW  plain-color col bg  */
	background-color:	white;	/*  masks min-width border  */
}









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

GRAIL LAYOUT

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

/*  None of the floated elements should have 0px effective width; else F1 won't factor in their height for page height & footer placement */


.content_wrapper_main
{
	position:			relative;
	float:				right;
	width:				100%;
	margin-left:		-3px;
}

#content_wrapper_side
{
	position:			relative;
	float:				left;
	width:				190px;		/*SW  */
	margin-right:		-189px;		/*SW -1  */
	left:				-190px;		/*SW  */
}

.clearing
{
	position:			relative;
	clear:				both;
}









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

FOOTER

Note: footer height is set in reify_site_styles.css

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



.footer_wrapper
{
	position:			absolute;
	bottom:				0px;
	left:				0px;
	background-color:	white;
	/*  in CSS2 browser takes the width of .ie6_min_width_wrapper  */
	/*  in IE6, it takes the width and left of global_wrapper, so we need the fixes below to pull it out  */
	width:				100%;
}

* html .footer_wrapper
{
	left:				-190px;		/*SW  */
}

* html .footer_ie6_outer			/*  Don't set width: 100% !!  Or inner will still take that as the width  */
{
	position:			relative;
	float:				left;
	margin-right:		-190px;		/*SW  Pull out to left edge  */
}

* html .footer_ie6_inner
{
	position:			relative;
	float:				left;
	width:				100%;
	background-color:	white;
}