body {
	margin-left: 4em;
	margin-right: 4em;
	background-color: #6aa;
	text-align: center;
}

h1, h2, h3, h4 {
	font-family: arial, sans-serif;
}

hr {
	margin-top: 2em;
	margin-bottom: 2em;
}

li {
	margin-bottom: 0.5em;
}

#tablediv {
	text-align: center;	
}

table {
	border: thin solid ;
	border-collapse: collapse;
	margin: 0 auto;
}

th, td {
	font-family: arial, sans-serif;
	border: thin solid;
	padding-left: 1em;
	padding-right: 1em;
}

th {
	background-color: #eee;
}

td {
	text-align: right;	
}

ul {
	margin-top: 0.5em;
}


#solution, #puzzle, .code {
	font-size: larger;
}

#solution, #puzzle {
	border: thin solid black;
	padding: 2em;
	width: 75%;
	margin: 2em;
}

#puzzle {
	background-color: #eee;
}

#puzzle li {
	margin-bottom: 0em;
}

.algorithm {
	margin-left: 2em;
}

.algorithm p {
	margin-left: 2em;
}

#sort_list {
	margin-left: 2em;
}

.code {
	border: thin solid;
	text-size: larger;
	margin: 0 auto;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 2em;
	background-color: #eee;
}

.equation {
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}

.eqn_index {
	padding-left: 4em;
}

ul.eqn_index {
	padding-left: 6em;
	list-style-type: none;
}

ul.eqn_index i {
	font-size: larger;
	font-weight: bold;
}

.Graph {
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}

#content {
	background-color: white;
	width: 75%;
	text-align: left;
	border: thin solid black;
	margin: 0 auto;
	padding: 5em;
}

#footer {
	font-style: italic;
	color: #aaa;
	text-size: 30%;
}

#footer hr {
	margin-bottom: 0.5em;
}

.comment {
	font-style: italic;
	font-size: smaller;
	text-align: center;
}