/* Style the top navigation bar */
.topnav
{
	background-color: #d0d2eb;

	border-bottom: 1px solid grey;

	height: 80px;

	padding-top: 0px;
	padding-bottom: 10px;

	position: fixed;
	top: 0px;

	text-align: center;

	width: 100%;

	z-index: 1;
}
.topnav h2 a
{
	color: #002266;

	text-decoration: none;
}

/* Style the content */
.content
{
	margin-top: 0px;

	overflow: auto;

	padding: 0 10px 40px 10px;

	position: relative;
	top: 80px;
}

@media only screen and (max-width: 480px)
{
	.content img
	{
		max-width: 100%;
	}
}
@media only screen and (min-width: 481px)
{
	.content_left
	{
		display: block;
		float: left;

		height: 100%;
		width: 300px;

		position: fixed;
		top: 80px;

		text-align: center;
	}

	.content_right
	{
		height: 100%;

		margin-left: 310px;
	}

	.clearfix::after
	{
		content: "";
		display: block;
		clear: both;
	}
}

/* Style the footer */
.footer
{
	background-color: #d0d2eb;

	border-top: 1px solid grey;

	padding: 1px;

	position: fixed;
	bottom: 0px;

	width: 100%;
}