body {
	padding-left: 25%;
	font-family: "Times New Roman", Times, serif;
	color: black;
	background-color: white;
	font-size: 18pt;
	line-height: 24pt;
}

#page {
width: 100%;
margin: 0; padding: 0;
background: none;
}

h1 { font-size: 150%; }
h2 { font-size: 125%; }

.no-print { display: inline; }
.no-screen { display: none; }
.is-iframe { display: block; }

address {
	margin-top: 1em;
	padding-top: 1em;
	width: 100%;
	border-top: thin dotted;
	display: table;
	font-size: 12pt;
	line-height: 14pt;
}
address a {
	vertical-align: middle;
	display: table-cell;
}
address span {
	vertical-align: middle;
	display: table-cell;
	padding: 0.5em;
}

#navbar {
	display: inline-block;
	position: absolute;
	top: 0em;
	left: 0em;
	width: 23%;
    height: 100%;
	position: fixed;
    overflow: auto;
	font-size: 14pt;
	line-height: 18pt;
}
#navbar ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
#navbar ul li {
	display: block;
	padding: 0;
}
#navbar ul li a {
	display: block;
	width: 100%;
	color: blue;
	background-color: #ffc;
	padding: 0.3em;
	text-decoration: none;
}
#navbar ul li a:hover {
	width: 100%;
	color: white;
	background-color: #639;
}
#navbar ul li a img {
	width: 5em;
	border: none;
}

a:link {
	color: black;
	text-decoration: none;
}
a:visited {
	color: black;
	text-decoration: none;
}
a:hover {
	color: black;
	text-decoration: underline;
}
a:active {
	color: black;
	text-decoration: underline;
}

.figure {
    display: inline-block;
    text-align :center;
}
.figure a {
    display: inline-block;
}
.figure div.caption {
	font-size: 100%;
}

@media screen and (max-width: 640px) {
    body {
		padding-left: 0em;
		background-color: #EFEFEF;
    }

	#navbar { display: none; }
}