body { padding: 0px; margin: 0px; font-size: 1em; line-height: 1.4em; color: #555; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
a { text-decoration: none;}
img {border: none;}
h3 { -webkit-margin-after: 0.4em; -webkit-margin-before: 0.4em;}
p { -webkit-margin-before: 0.4em;}

div#page { border-width:0px; border-spacing: 0px; border-collapse: collapse; padding:0px; vertical-align: top; }
#pageouter { display: flex; justify-content: center; }
#page { text-align: justify; margin: 0 auto 0 auto; }

.edges { display: flex; justify-content: space-between; }
.grow { flex-grow: 1; }

#header { margin: 0 15px; }
#headerImg img { background-color:#BBB; margin: 0; }
#header h1 { font-size: 2.1em; color: #747678; font-weight: lighter; float:left; margin: 0 0 10px; padding: 12px 0 0; text-align: left; white-space: nowrap; }

ul#nav { margin: 10px 0 15px 0; font-size: 0.85em; float: left; clear: left; display: inline; list-style: none; background-color: #EEE; padding-left: 15px; padding-right: 15px; }
ul#nav li { float: left; display: inline; padding: 0 2px; }
ul#nav li a, ul#nav li a:visited, ul#nav li a:active { text-decoration: none; color:#444; margin:0px 1px 0px 1px; }
ul#nav li a:hover { color: #444; }
ul#nav #selection { color: #eee; background-color: #777; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; }
ul#nav #nonselection { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; }
ul#nav .previous { white-space: pre; width: 15px; height: 10px;}
ul#nav .previous a { padding: 0 4px 0 4px; background: url("../assets/previous.gif") no-repeat left center; }
ul#nav .previous a:hover { background: url("../assets/previous_active.gif") no-repeat left center;}
ul#nav .previous_text {display: none;}
ul#nav .pagnation { padding: 0 3px 0 3px; }
ul#nav .next { white-space: pre; width: 15px; height: 10px}
ul#nav .next a { padding: 0 4px 0 4px; background: url("../assets/next.gif") no-repeat right center;}
ul#nav .next a:hover { background: url("../assets/next_active.gif") no-repeat right center;}
ul#nav .next_text {display: none;}

#content { clear: left; margin: 15px; padding: 0; }

.picblock { display:grid; row-gap:15px; column-gap: 15px; margin-bottom: 15px; }

.imagediv { text-align: center; }
.imagewrapper { background-color: #EEE; }
.imagelabel { font-size:12px; color: #636466; line-height:15px; text-align: left; }
.imagecell { margin: 0; padding: 0; text-align: center; background-color:#eee; vertical-align: bottom; }

#footer { padding: 0; margin: 0 15px 15px 15px; list-style: none; }
#footer p { font-size:.8em; color:#888; margin:0; padding: 0; }