body
{
	font-size:10pt;
	font-family:Verdana, Arial, Sans-serif;
	text-align:center;
}
#block_1
	{
	float: left;
	width: 260px;
	margin-left: 260px;
	}
* html #block_1
	{
	display: inline;
	}
#block_2
	{
	float: left;
	width: 260px;
	margin-left: -520px;
	}
/* weirdness with the IE posse - reload causes the 
bottom-aligned elements in the non-longest columns to 
shift upwards as if they were the second longest column 
was the longest
this is totally due to the media query.
And even more weirdly changing the font size makes things 
"normal" again. Resizing the viewport does not have any effect
Of course, the media query hack is needed just because
Opera can't position a crate of ale on a brewery palette 
*/
@media all and (min-width: 0px) {
#block_2
	{
	margin-left: -520px;
	padding-left: 5px; 
	}
}
#block_3
	{
	float: left;
	width: 260px;
	margin-left: 0px;
	}
.box_copy
	{
	border: solid 2px #666666;
	padding: 5px;
	margin-top: 10px;
	}
#block_1 .box_copy
	{
	}
.snap p
	{
	margin: 0;
	padding: 0;
	text-align: right;
	}
.last .snap p
	{
	padding: 0 5px 5px 0;
	}
/* '* html' to filter only IE Win */
/* Start Mac IE5 filter \*/
#block_1 .last, #block_2 .last, #block_3 .last
	{
	padding-bottom: 30000px !important;
	margin-bottom: -30000px !important; 
	}
* body #block_1, * body #block_2, * body #block_3
	{
	padding-bottom: 30000px !important;
	margin-bottom: -30000px !important; 
	}
.last .snap
	{
	position: absolute;
	bottom: 1px;
	border-bottom: solid 2px #666666;
	margin-left:-7px;
	text-align:center;
	}
* html .last .snap
	{
	bottom: -1px;
	}
#block_1 .last .snap
	{
	width: 260px;
	}
#block_2 .last .snap
	{
	width: 260px;
	}
#block_3 .last .snap
	{
	width: 260px;
	}
/* End Mac IE5 filter */
#wrapper_extra
	{
	position: relative;
	}
#wrapper
	{
	width: 780px;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	display: inline-block; /* Fixes nasty Opera7 scrolling bug */
	text-align:left;
	}
* html #wrapper
	{
	/* bizarrely necessary for IE6 ! */
	position/**/: relative;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
/* end easy clearing */
h2, p
	{
	margin: 0;
	padding: 0;
	}
.hidden_pic
{
	display:none;
}