body, html{
	min-height:100%;
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	font-family:arial;
	background: #e6e6e6;
}

p {
	margin:0;
}

#header{
    position:absolute;
    top:0px;
    text-align:center;
    width:100%;
    height:77px;
    background:#990000;
    line-height:40px;
    color:#F2F2F2;
	text-shadow: 2px 2px 4px #000000;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.5);
}

#headerTitle{
    position:absolute;
    top:0px;
    text-align:center;
    width:100%;
    height:120px;
    background:#990000;
    line-height:40px;
    color:#F2F2F2;
	text-shadow: 2px 2px 4px #000000;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.5);
}

#content{
    color:#000;
    margin-bottom: -20px;
	padding-bottom: 20px;
	height:auto;
}

#content:before {
	content: "";
	display: block;
	height: 80px;
}
#footer, #content:after {
	height: 20px;
}
#footer {
    text-align:right;
    line-height:20px;
    height:20px;
	background-color:#e6e6e6;
	color: #666666;
	border-top:3px solid #333333;
	padding-right: 2px;
	font-size:14px;
}

#footer:before{
	content:"Last edited 12/10/2016 by David Stone (davidms2@illinois.edu) | Math 198 Fall 2016";
}

#wrap {
	position:relative;
	margin:0 auto;
	width:65%;
	min-width:600px;
}

#sidebar{
	display:table-cell;
	vertical-align:top;
	background:#cccccc;
	border-right:1px solid #333333;
	border-left:1px solid #333333;
	border-top:1px solid #333333;
}

#sidebar ul{
	list-style-type:none;
	margin:0;
	padding:0px;
	width:110px;
}

#sidebar li{
	border-bottom:1px solid white;
}

#sidebar a:link,#sidebar a:visited{
	display:block;
	font-weight:bold;
	font-size:14px;
	color:#333333;
	text-align:center;
	padding:4px;
	text-decoration:none;
	text-transform:uppercase;
}

#sidebar a:hover,#sidebar a:active{
	background-color:b2b2b2;
}

#main{
	display:table-cell;
	margin-left:120px;
	margin-right:120px;
	width:100%;
	background:#FFFFFF;
}