body
{
	font-size: 14px;
	font-family: monospace;
	margin: 0;
	padding: 0% 10%;
	background: #FFF;
	color: #000;
}

#update
{
	clear: left;
	text-align: right;
	width: 800px;
	color: #aaaaaa;
	font-size: 90%;
}

#container
{
	width: 1000px;
	float: left;
	background: transparent;
	text-align: justify;
}

#col1 
{
	float: left;
	width: 25%;
	background: transparent;
	margin-left: 0em;
}

#col2 
{
	margin-left: 25%;
	width: 56%;
	background: transparent;
}

#footnote
{
	clear: left;
	text-align: center;
	width: 800px;
}

#col1, #col2, #footnote
{
	padding-top: 1em;
	padding-bottom: 1em;
}

#stuff
{
	margin-top: 1em;
	padding: 3em 3em 0em 0em;
	background: url("./images/stuff.jpg") no-repeat top left;
}
#project
{
	margin-top: 1em;
	padding: 3em 3em 0em 0em;
	background: url("./images/project.jpg") no-repeat top left;
}
#curriculum
{
	margin-top: 1em;
	padding: 3em 3em 0em 0em;
	background: url("./images/curriculum.jpg") no-repeat top left;

}
#links
{
	margin-top: 1em;
	padding: 3em 3em 0em 1em;
	background: url("./images/links.jpg") no-repeat top left;
}
#contact
{
	margin-top: 1em;
	padding: 3em 3em 0em 0em;
	background: url("./images/contact.jpg") no-repeat top left;
}
#thesis
{
	margin-top: 1em;
	padding: 3em 3em 0em 0em;
	background: url("./images/thesis.jpg") no-repeat top left;
}

ul#menu li
{
	display: inline;
}

ul#menu li a 
{
	float: left;
	padding-top: 4em;
	margin: 0em 0em 0em -3em;
	width: 100%;
	outline: none;
}

#linkThesis a:hover
{
	opacity:0.3;
}

#linkThesis a
{
	background: url("./images/thesis.jpg") no-repeat;
}

#linkStuff a:hover
{
	opacity:0.3;
}

#linkStuff a
{
	background: url("./images/stuff.jpg") no-repeat;
}

#linkLinks a:hover
{
	opacity:0.3;
}

#linkLinks a
{
	background: url("./images/links.jpg") no-repeat;
}

#linkCurriculum a:hover
{
	opacity:0.3;
}

#linkCurriculum a
{
	background: url("./images/curriculum.jpg") no-repeat;
}

#linkContact a:hover
{
	opacity:0.3;
}

#linkContact a
{
	background: url("./images/contact.jpg") no-repeat;
}