*
{
font-size: 100%;
}



body
{
font-size: 75%;
background-color: #8C8C8C; color: #4C4C4C;
background: #8C8C8C url(/i/bg_1.gif) repeat-y;
background-position: 1200px 0;
background-position: expression( document.getElementById('measurer').clientHeight > 0  ? '1200px 0' : '0px 0' );
}

@media screen, handheld {
	body
	{
	font-family: Arial, sans-serif;
	}
}

table.layout, td.layout, th.layout
{
 /* background: url(i/bg_grad.gif) center top repeat-y; */
 background: #FFFFFF;
 
}

/* main layout */
div#layout, div#content { position: relative; }

#layout
{
margin: 0; padding: 0;
width: 100%;
width: expression(
	(
		document.getElementById('measurer')
		/* min-width in em * 0.8 */
		&& document.getElementById('measurer').clientWidth > 1200
	)
	?	'1200px' : '100%'
);
min-width: 50em; max-width: 100em;
min-height: 100%;
height: 100%;
}
div#layout
{
height: auto;
}
#measurer
{
position: absolute;
left: 0;
bottom: 0;
visibility: hidden; 
width: 100%; height: 1em;
line-height: 1em;
background: white;
background-image: expression( window.onresize = window.scrollTo );
}

@media print, handheld {
	#layout
	{
	width: 100% ! important; height: auto ! important;
	min-width: 0 ! important;
	}
}

@media handheld {
	body,
	table.layout tr.layout,
	table.layout td.layout,
	table.layout th.layout
	{
	height: auto;
	display: block;
	width: 100%;
	}
}