/* **************************************************************** */
/* Blocks Definitions, frontpage & subpage (IE 6 & Firefox)         */
/* **************************************************************** */

/**** Three Col Template ****/
#three-col #block_1
	{
	float: left;
	width: 460px;
        margin-left: 170px;
	}
#three-col #block_2
	{
	float: left;
	width: 170px;
	margin-left: -630px;
	}
#three-col #block_3
	{
	float: left;
	width: 170px;
	}
	
/**** Two Col Template ****/
#two-col #block_1
	{
	float: left;
	width: 630px;
	margin-left: 170px;
	}
#two-col #block_2
	{
	float: left;
	width: 170px;
	margin-left: -800px;
	}

* html #block_1
	{
	display: inline;
	}
	
#three-col #block_1 .content { padding: 0px 20px 20px 20px; }
#three-col #block_2 .content { padding: 0px 0px 0px 0px; }
#three-col #block_3 .content { padding: 0px 12px 0px 12px; }

#two-col #block_1 .content { padding: 0px 20px 20px 12px; }
#two-col #block_2 .content { padding: 0px 0px 0px 0px; }

.clear { clear: both; display: block; font-size: 1px; margin: 0px; line-height: 0px; height: 0px; }

/* **************************************************************** */
/* Several fixes for other browsers                                 */
/* **************************************************************** */

#wrapper
	{
	width: 800px;
	position: relative;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* We need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes */
	float/**/: none;
	}
/* easy clearing */
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#footer
	{
	clear: both;
	}
#header, #footer
	{
	width: 800px;
	}
/* Safari needs this */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}
