/*
Frame.
Three-columns, 100% height with sticky footer.
*/

/*
100% height.
Ensure that #wrapper is always at least the height of the viewport.
Normally #wrapper would collapse vertically down onto its contents if
the contents were not as tall as the viewport.
N.B.  No content can be outside of the #wrapper and #footer div tags unless
it is absolutely positioned with CSS.
*/

html, body {
	height: 100%;
}

#frame-wrapper {
	min-height: 100%;
}

* html #frame-wrapper {
	height: 100%;	/* IE6 treats height as min-height */
}


/*
Sticky footer.
If the page content is not as tall as the viewport, drag the footer to the bottom of the viewport.
This sticky footer technique is based on - and needs - the 100% height code above.
*/

#frame-wrapper {
	margin-bottom: -6em;
}

#frame-footer, #frame-push {
	height: 6em;
}

/*
In Search of the Holy Grail
By MATTHEW LEVINE
JANUARY 30, 2006
(Padded version)
http://www.alistapart.com/articles/holygrail/
*/

body {
	min-width: 36em;			/* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}

#frame-container {
	padding-left: 17em;		/* LC fullwidth */
	padding-right: 2em;		/* RC fullwidth + CC padding */
}

#frame-container .frame-column {
	position: relative;
	float: left;
}

#frame-center {
	padding: 1em 0em;       /* CC padding */
	width: 100%;
}

#frame-left {
	width: 16em;             /* LC width */
	padding: 1em 0.5em;		/* LC padding */
	right: 17em;             /* LC fullwidth + CC padding */
	margin-left: -100%;
}

#frame-right {
	width: 0em;				/* RC width */
	padding: 1em 1em;			/* RC padding */
	margin-right: -100%;
}

#frame-push {
	clear: both;		/* For the sticky footer */
}

/*** IE6 Fix ***/
* html #frame-left {
	left: 2;              /* RC fullwidth */
}