table {
	/* width: 50%; */
	/* margin: 5%; */
	margin-left: 10%;
	margin-right: 10%;
	/* max-width: 1000; */
	background-color: white;
}
table, th, td {
	/* border: 1px solid black; */
	padding-bottom: 10px;
	padding-top: 10px;
	/* font-size: larger; */
	/* border-spacing: 10px; */
	padding-left: 10;
	padding-right: 10;
}
td	{
	border-bottom: 1px solid black;
}
th {
	font-size: larger;
	width: 20%;
}
table.old, th.old, td.old {
/* why do I have to list everything here? I want to just leave it blank to say ignore anything above and go with what's in html but that doesn't work... */
	width: 770;
	margin: 0%;
	border: 0;
	padding: 0;
}
table.menu, th.menu, td.menu {
	border: 0;
	width: auto;
	padding-left: 10;
	padding-right: 10;
	background-size: 100%;
}
/* tried to use below and variations to automatically center everything but it never worked so went back to old <center> tag
div {
	text-align: center;
}
html {
    display: table;
    margin: auto;
}
body {
    display: table-cell;
    text-align: center;
}
*/