html, body {
	height: 100%;
}

body {
	margin: 0;
	background: url(../img/body-bg.png) repeat center top;
}

#inner {
	min-height: 100%;
	background: url(../img/inner-bg.png) repeat-x center bottom;
}

#conatiner {
	margin: 0 auto;
	width: 940px;
	background: url(../img/wood-bg.jpg);
}


#footer {
	margin: 0 auto;
	width: 940px;
	height: 80px;
	padding: 40px 0 0 0;
	color: white;
	background: url(../img/mghlogo.gif) no-repeat 0px 18px;
	text-align: center;
	font-size: 1.1em;
}

#footer a, #footer a:link, #footer a:visited {
	text-decoration: underline;
	color: white;
}

#footer .links a, #footer .links a:link, #footer .links a:visited {
	padding: 0 6px;
}

#main {
	background: url(../img/mghbar.png) no-repeat top;
}

div.content {
	padding-left: 3px;
	margin-right: 315px;
}

#notebook {
	background: url(../img/notebook-bg.png) repeat-y top left;
	padding: 1px 0;
	position: relative;
}

	#notebook-bottom {
		height: 73px;
		background: url(../img/notebook-bot.png) no-repeat;
		position: relative;
	}

	#pencil {
		position: absolute;
		left: 160px;
		top: -34px;
	}

	#contentpage #pencil, #lessonplan #pencil {
		display: none;
	}

#wrapper {
	padding: 0 36px;
}

#paperclip {
	position: absolute;
	width: 139px;
	height: 88px;

	top: -120px;
	right: -33px;
	background: url(../img/paperclip.png) no-repeat;
}

#contentpage #wrapper {
	padding: 0 65px 0 45px;
}


#contentpage #paperclip {
	top: 20px;
	right: -52px;
}

#archive #wrapper,
#search #wrapper,
#lessonplan #wrapper,
#twichpage #wrapper {
	padding: 0 65px 0 45px;
	background: none;
}

#sidebar {
	width: 312px;
	float: right;
}

	#clockbox {
		height: 130px;
		padding-top: 50px;
		position: relative;
		top: 0px; left: 0px;
	}

	#help {
		position: absolute;
		top: 4px;
		right: 10px;
	}