html {
	background-color: white;
	margin-left: -8px;
	margin-top: -20px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
}
header h1 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 45px;
	color:  #CDDADB;

}
header h2 {
	text-align: left;
	margin-top: -20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #D0C62A;
}
header {
	border-radius: 15px;
	font-family: Arial, Helvetica, sans-serif;
	width: 1208px;
	height: 150px;
	background-color: #1B5422;
}
nav {
	position: absolute;
	width: 285px;
	height: 2300px;
	background-color: #607E5A;
	border: solid #751D10 0px;

}
article {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-left: 285px;
	width: 923px;	
	height: 2300px;
	background-color: #D9D9D9;
}
footer{

}
table{
	background-color: #F0F2EB;
	margin-right: 50px;
	margin-left: 50px;
	border-radius: 15px;
	border: 1px solid #505455;
}
td {
	padding: 25px;
	border-radius: 15px;
	border: 1px solid #505455;
}
tr.firsttablerow{
	font-size: 22px;
	font-weight: bold;
	padding: 25px;
	background-color: #1B5422;
	color: #CDDADB;
}
.bodytext {
	margin-left: 50px;
	margin-right: 50px;
}
.hint {
	font-size: 18px;
	background-color: #DBB03E;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 25px;
	
}
.maininfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 50px;
	padding: 20px;
	background-color: #E8823E;
	border-radius: 15px;
	border: 1px solid #505455;
	text-align: center;
}
.button {
 	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
	width: 280px;
	margin: 1px;
	margin-top: 7px;
	text-align: center;
	border-radius: 10px;
	background-color: #C2C2C2;

}
.subsection {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	margin: 1px;
	margin-top: 7px;
	text-align: center;
	width: 250px;
	border-radius: 10px;
	background-color: #57B9CC;
	color: black;
}
.button:hover {	
	background-color: #389CB7;
	color: black;
}
.subsection:hover {
	background-color: #389CB7;
	color: black;
}
 .button#info {
	background-color: #DB5D32;
	color: black;
}
 .button#info:hover {
	background-color: #389CB7;
	color: black;
}
.button#home {
	background-color: #1B5422;
	color: #CDDADB;
}
.button#home:hover {
	background-color: #389CB7;
	color: black;
}
.button#topic {
	background-color: #E2A80B;
	color: black;
}
.button#topic:hover {
	background-color: #389CB7;
	color: black;
}
.button#quadmod {
	background-color: #9162B4;
	color: black;
}
.button#quadmod:hover {
	background-color: #389CB7;
	color: black;
}
.button#trig {
	background-color: #51A36B;
	color: black;
}
.button#trig:hover {
	background-color: #389CB7;
	color: black;
}
.button#calc {
	background-color: #51A36B;
	color: black;
}
.button#calc:hover {
	background-color: #389CB7;
	color: black;
}
 a.wide {
	height: 23px;
	width: 280px;
	display: block;
	color: black;
	text-decoration: none;
}

a.thin {
	height: 23px;
	width: 100px;
	display: block;
	color: black;
	text-decoration: none;
}