/* **************************************************************** */
/* Blocks Definitions, frontpage & subpage (IE 6 & Firefox)         */
/* **************************************************************** */

/**** Home template ****/
#two-col-home #block_1,
#two-col-sub #block_1
	{
	float: left;
	width: 727px;
	margin-left: 213px;
	}
#two-col-home #block_2,
#two-col-sub #block_2
	{
	float: left;
	width: 213px;
	margin-left: -940px;
	}

* html #block_1
	{
	display: inline;
	}
	
#two-col-home #block_1 .content, #two-col-sub #block_1 .content { padding: 3px 7px 0px 2px; }
#two-col-home #block_2 .content, #two-col-sub #block_2 .content { padding: 0px 0px 0px 15px; }

/* **************************************************************** */
/* Several fixes for other browsers                                 */
/* **************************************************************** */

#wrapper
	{
	width: 940px;
	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: 940px;
	}
/* Safari needs this */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}
	
/* **************************************************************** */
/* If using verticalalign class in templates, otherwise not         */
/* needed                                                           */
/* **************************************************************** */
	
/* End Mac IE5 filter, if using verticalalign class in templates */
/* IE Win can be a bit out - you might need to adjust  
bottom value by -1px or as required */
.verticalalign
	{
	position: absolute;
	bottom: 0;
	}
#two-col-home #block_1 .verticalalign
	{
	width: 599px;
	}
#two-col-home #block_3 .verticalalign
	{
	width: 314px;
	}
/* hack for Opera 7+ */
@media all and (min-width: 0px){
.verticalalign
	{
	width: 100% !important;
	}
/* But Opera 9 does it right, so CSS3 hax to the max */
div[id^="wrapper"] #two-col-home #block_1 .verticalalign
	{
	width: 599px !important;
	}
div[id^="wrapper"] #two-col-home #block_3 .verticalalign
	{
	width: 314px !important;
	}
}
/* hack for IEs of all persuasions before IE7 */
* html .verticalalign
	{
	width: 100% !important;
	}
.verticalalign p
	{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background: #996666;
	}