@media all
{
	html
	{
		min-height: 100%;
	}
	*
	{
		margin: 0;
		padding: 0;
	}
	body
	{
		background: #E7E7E2;
		color: #444;
		font: normal 62.5% Tahoma,sans-serif;
		padding-top: 14px;
	}
	form, input
	{
		margin: 0;
		padding: 0;
		display: inline;
	}
	/* misc */
	.clearer
	{
		clear: both;
		font-size: 0;
	}
	.left
	{
		float: left;
	}
	.right
	{
		float: right;
	}
	h1, h2, h3
	{
		padding-top: 6px;
		color: #553;
		margin-bottom: 4px;
	}
}
@media screen
{
	/* structure */
	.inner-container
	{
		border: 2px solid #D7D7D2;
		background: #FFF;
		font-size: 1.2em;
		margin: 0 auto;
		padding: 10px;
		width: 780px;
	}

	.outer-container
	{
		padding-bottom: 14px;
	}

	/* main */
	.main
	{
		background: url(Images/main.gif) repeat-y;
		border-top: 4px solid #FFF;
		padding: 8px 12px 0 0;
	}
}