/*
Colors: Grey 	#666666,
		Green	#006600,
		BrGreen	#339933
*/

body {
	max-width: 880px;
	margin: 20px auto;
	color: #666666;
	font-size: 11px;
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#header {
	margin-left: 30px;
}

#container {
	width: 100%;
	margin-top: -70px;
	padding: 80px 0 10px 0;
	border: solid #006600 1px;
}

#content {
	display: flex;
	flex-wrap: wrap;
	margin-left: 30px;
	margin-right: 30px;
}

.column {
	padding: 15px;
}

#left_column {
	flex-grow: 2;
    width: calc(50% - 30px);
}

#right_column {
	flex-grow: 3;
    width: calc(50% - 30px);
}

h1 {
	font-size: 13px;
	font-weight: bold;
}

h2 {
	font-size: 11px;
	font-weight: bold;
	margin: 2em 0;
}

p   {
	margin: 2em 0;
}

h1:first-child, h2:first-child, p:first-child {
	margin-top: 0;
}

a {
	color: #006600;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #339933;
}

#thumbnail_bar {
	width: 900px;
	margin-left: -10px;
	background: white;
	padding: 10px 0;
}

#thumbnail_bar img {
	width: 180px;
}

#footer {
	margin-top: 1em;
	text-align: center;
	font-size: 10px;
	line-height: 2em;
}

.error { 
	color: #ff0000;
	font-size: 10px;
}