@charset "utf-8";

/* Navigation */
header {
	font-size: 16pt;
	font-weight: 400;
	height: auto;
	margin-bottom: 5em;
}
nav {
	width: 100%;
	display: block;
}

nav ul {
	list-style: none;
}
nav ul li {
	width: 228px;
	height: 300px;
	padding: 2px;
	background-color: #ecf1f9;
	font-size: 14px;
	text-align: left;;
	margin-right: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	display: inline-block;
	vertical-align: middle;
}
nav ul li.non {
	width: 322px;
	background-color: #FFFFFF;
}
nav ul li div {
	font-size:8px;
	font-size:0.8rem;
	line-height:1.4;
}
nav ul > img {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 135px;
}

ul li a {
	text-decoration: none;
	color: #000000;
}
ul li:hover a {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: transparent;
}
.htmlink {
	text-decoration-line: underline;
}

.buttonon {
	background-color: mediumblue;
}

a .externalResources {
}

a .externalResources.buttonon {
}

p.comment {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
h3.comment {
	padding-left: 1.0em;
	text-indent: -1.0em;
}
div.comment {
	padding-left: 1.0em;
	text-indent: -1.0em;
}