* html body
{
	height: 100%;
	width: 100%;
}
html, body
{
	height: 100%;
	width: 100%;
}

body
{
	margin: 0;
	padding: 0;
	background-color: #212121;
}

.container
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	width: 772px;

	background-color: #212121;
}

.header
{
	width: 100%;
	height: 236px;
	background-color: #ffcc00;
	background-image: url('header.jpg');
	background-repeat: no-repeat;

}

.menu 
{
	background-image: url('menu.jpg');
	background-repeat: no-repeat;
	height: 46px;
	padding-top: 15px;
	padding-left: 20px;
	font-size: 90%;
}

.body
{
	background-color: #ffffcc;
	min-height: 500px;
	padding: 10px; 
	background-image: url('body-bg.jpg');
	background-repeat: repeat-y;
}

.sidebar
{
	vertical-align: top;
	width: 170px;
	padding: 15px;
	margin: 0;
	font-size: 70%;
	padding-top: 0;
}

.sidebar h2
{
	color: #746E5F;
	font-size: 160%;
	margin: 0;
	padding: 0;
}

.sidebar hr
{
	border: none;
	border-bottom: 1px solid #930909;
}


.textbody
{
	vertical-align: top;
	width: 570px;
}

.textbody h1, .textbody h2, .textbody h3
{
	font-size: 150%;
	color: #746e5f;
	margin: 0;
	margin-bottom: 5px;
}

.textbody h2
{
	font-size: 130%;
}

.textbody h3
{
	font-size: 115%;
}


.footer
{
	color: #B0B0B0;
	font-size: 70%;
	margin: 0;
	padding: 8px;
	padding-top: 20px;
	height: 50px;
	background-image: url('footer.jpg');
	background-repeat: no-repeat;
	background-color: #212121;
	text-align: right;
}