School Site

by Yaser Mehraban

HTML

<div>
		holder text
	</div>
	
	<!-- Main Body/Work space -->
	<section>
		<p>Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text.
		Holder text.  Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text.
		Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text.
		Holder text. Holder text. Holder text. Holder text.
		</p>
		<p>Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text.
		Holder text.  Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text.
		Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text.
		Holder text. Holder text. Holder text. Holder text.
		</p>
		<p>Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text.
		Holder text.  Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text.
		Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text.
		Holder text. Holder text. Holder text. Holder text.
		</p>
		&nbsp;
	</section>
	
	<!-- Classroom navigation -->
  <!-- set to background of red -->
	<aside>
		<p>
    Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text.
		Holder text.  Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text.
		Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text.
		Holder text. Holder text. Holder text. Holder text.
		</p>
		<p>Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text. Holder text.
		Holder...

CSS

#footerContain {
	clear: both;
  background-color: #000;
  color: #fff;
}
aside {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 18px;
	margin: 2% 2% 6% 0%;
	padding-right: 3%;
	position: absolute;
	border-radius: 7px;
  overflow-y: hidden;
	top: 20px;
	width: 20%;
	height: 350px;
  background-color: #f00;
}
section {
	margin-left: 25%;
}