body {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2 {
	text-align: center;
}

h1 {
	margin-bottom: 0em;
}

p.navbar {
	margin-top: 0.5em;
	text-align: center;
	font-size: smaller;
}

p.navfoot {
	margin-top: 0.2em;
	font-size: smaller;
}

.current {
	font-weight: bold;
}

table {
	border-collapse: collapse;
}

th, td {
	border: 1px solid black;
	padding: 0.2em 0.5em;
	text-align: center;
}

td.rise {
	color: green;
}

td.drop {
	color: maroon;
}

td.breakdown, .footnote {
	font-size: smaller;
}

a img {
	border: 2px solid blue;
}

@media (min-width:40em) {
	.leftpane {
		float: left;
		width: 48%;
		margin-bottom: 1em;
	}

	.leftpane>:first-child {
		margin-top: 0;
	}

	.rightpane {
		float: right;
		width: 48%;
		margin-bottom: 1em;
	}

	.rightpane>:first-child {
		margin-top: 0;
	}

	.afterpanes {
		clear: both;
	}
}

.logo {
	max-width: 100%;
	height: auto;
}