.column {
 display: flex;
 flex-direction: column;
 margin: 0;
 padding: 0;
}
.columnnarrow {
 display: flex;
 flex-direction: column;
 margin: 0;
 max-width: 640px;
 padding: 0;
 width: 640px;
}
.expandboxhide {
 display: none;
 flex-direction: column;
}
.expandboxshow {
 display: flex;
 flex-direction: column;
}
#footer {
 display: flex;
 flex-direction: row;
 margin: 0;
 min-width: 720px;
 padding: 0;
}
#footer-left {
 display: flex;
 margin: 0;
 padding: 0;
}
#footer-right {
 display: flex;
 flex-direction: row;
 flex-grow: 1;
 justify-content: space-evenly;
 margin: 0;
 padding: 0;
}
#footer-right .column {
 display: flex;
 flex-direction: column;
 overflow: hidden;
}
#footer-right a {
 text-decoration: underline;
 outline: none;
}
#footer-right a, #footer-right p {
 border-style: solid;
 box-sizing: border-box;
 font-size: 0.8em;
 margin: 0;
 text-align: left;
}
.forum a, .forum .buttonaslinknormal, .forum .buttonaslinksmall {
 align-items: baseline;
 border-style: solid;
 cursor: pointer;
 font-family: inherit;
 font-optical-sizing: inherit;
 font-style: italic;
 font-weight: 400;
 margin: 0;
 outline: none;
 padding: 0;
 text-align: left;
 text-decoration: underline;
}
.forum .asbold, .forum label {
 font-weight: 600;
}
.forum .asboldish {
 font-weight: 500;
}
.forum .ascentred {
 text-align: center;
}
.forum .asdoublespace {
 line-height: 200%;
}
.forum .asfulljustify {
 text-align: justify;
 text-justify: inter-word;
}
.forum .ashanging {
 padding-left: 80px;
 text-indent: -80px;
}
.forum .asindent {
 text-indent: 80px;
}
.forum .asitalic {
 font-style: italic;
}
.forum .aslarger {
 font-size: 1.1em;
}
.forum .asnormal, .forum .buttonaslinknormal {
 background: inherit;
 font-size: 1em;
 font-weight: 400;
}
.forum .assmall, .forum .buttonaslinksmall {
 background: inherit;
 font-size: 0.85em;
}
.forum .buttonbig, .forum .buttonmedium, .forum .buttonsmall {
 border-style: solid;
 font-family: inherit;
 font-optical-sizing: inherit;
 cursor: pointer;
 outline: none;
 margin: 0;
 text-align: center;
 text-decoration: none;
}
.forum .buttonbig {
 font-size: 1.5em;
 font-weight: 600;
}
.forum .buttonmedium {
 font-size: 1.25em;
 font-weight: 500;
}
.forum .buttonsmall {
 font-size: 1em;
 font-weight: 400;
}
.forum .droplistnormal {
 font-family: inherit;
 font-optical-sizing: inherit;
 font-size: 1em;
 font-weight: 400;
 margin: 0;
}
.forum .droplistsmall {
 font-family: inherit;
 font-optical-sizing: inherit;
 font-size: 0.75em;
 font-weight: 400;
 margin: 0;
}
.forum .error {
 font-size: 0.85em;
 font-style: italic;
}
.forum h1, .forum h2 {
 font-weight: 600;
 padding: 0;
 margin: 0;
}
.forum h1 {
 font-size: 2em;
 text-align: center;
}
.forum h2 {
 font-size: 1.5em;
}
.forum .hozbar {
 border-style: solid;
 border-width: 0;
 margin: 0;
 padding: 0;
 width: 100%;
}
.forum input[type="checkbox"], .forum input[type="radio"] {
 margin: 0;
 padding: 0;
}
.forum input[type="date"], .forum input[type="number"], .forum input[type="password"], .forum input[type="text"], .forum textarea {
 border-style: solid;
 font-family: inherit;
 font-optical-sizing: inherit;
 font-size: 1em;
 font-weight: 400;
 margin: 0;
 outline: none;
}
.forum input[type="number"] {
 text-align: center;
}
.forum label, .forum li, .forum p {
 font-size: 1em;
 margin: 0;
 padding: 0;
 text-align: left;
}
.forum li, .forum p {
 font-weight: 400;
 line-height: 1.5;
}
.forum .shadowbox {
 border-style: solid;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
 box-sizing: border-box;
 display: flex;
 flex-direction: column;
 margin: 0;
 width: 100%;
}
.forum textarea {
 resize: none;
}
.forum .textareacounter {
 font-size: 0.85em;
 font-style: italic;
 text-align: right;
 padding: 0;
 margin: 0;
}
.forum ul {
 display: flex;
 flex-direction: column;
 margin: 0;
}
.gapbelow, .gapbelow15, .gapbelow150, .gapbelow200, .gapbelow50 {
 display: flex;
 flex-direction: column;
}
.gridcolumns2, .gridcolumns3, .gridcolumns4 {
 display: grid;
}
.gridcolumns2 {
 grid-template-columns:auto auto;
}
.gridcolumns3 {
 grid-template-columns:auto auto auto;
}
.gridcolumns4 {
 grid-template-columns:auto auto auto auto;
}
#header {
 align-items: center;
 box-sizing: border-box;
 display: flex;
 flex-direction: row;
 height: 190px;
 justify-content: center;
 margin: 0;
 min-width: 720px;
 padding: 0;
 width: 100%;
}
#initial {
 display: flex;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 10001;
}
#main {
 display: flex;
 flex-direction: column;
 padding: 0;
}
#main-and-publicity {
 display: flex;
 flex-direction: row;
 justify-content: space-evenly;
 margin: 0;
 padding: 0;
}
#main-container {
 margin: 0;
 max-width: 1000px;
 min-width: 720px;
 padding: 0;
}
#middle {
 display: flex;
 flex-direction: row;
 margin: 0;
 padding: 0;
}
#middle-left {
 display: flex;
 margin: 0;
 padding: 0;
}
#middle-right {
 flex-grow: 1;
}
#navbar {
 align-items: flex-start;
 border: none;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 margin: 0;
 min-width: 720px;
 overflow: hidden;
 padding: 0;
 position: sticky;
 top: 0;
 width: 100%;
}
#navbar a, #navbar button {
 border-style: solid;
 box-sizing: border-box;
 display: flex;
 flex-direction: row;
 font-family: inherit;
 font-size: inherit;
 margin: 0;
 outline: none;
 padding: 0;
 text-decoration: none;
}
#navbar .navtext {
 margin: 0;
 white-space: nowrap;
}
#navbar p {
 border-style: solid;
 box-sizing: border-box;
 cursor: pointer;
 display: flex;
 flex-direction: row;
 line-height: 1;
 margin: 0;
 padding: 0;
}
#navbarlogo-space {
 display: flex;
 flex-direction: row;
 justify-content: center;
 margin: 0;
 padding: 0;
}
#navbarlogo {
 width: 190px;
 height: 40px;
 margin: 0;
}
#navsearch {
 flex-grow: 1;
 margin: 0;
 padding: 0;
}
#navsearch button {
 border-bottom-style: solid;
 border-bottom-width: 2px;
 border-left-style: none;
 border-right-style: solid;
 border-right-width: 2px;
 border-top-style: solid;
 border-top-width: 2px;
 box-sizing: border-box;
 cursor: pointer;
 outline: none;
}
#navsearch form {
 border: none;
 box-sizing: border-box;
 display: flex;
 flex-direction: row;
 margin: 0;
 padding: 0 10px;
}
#navsearch input[type=text] {
 border-bottom-style: solid;
 border-bottom-width: 2px;
 border-left-style: solid;
 border-left-width: 2px;
 border-right-style: none;
 border-top-style: solid;
 border-top-width: 2px;
 box-sizing: border-box;
 flex-grow: 1;
 font-family: inherit;
 font-optical-sizing: auto;
 font-size: inherit;
 font-style: normal;
 font-weight: 400;
 margin: 0;
 outline: none;
}
.notarobot {
 display:grid;
 grid-template-columns:auto auto;
}
.notarobot, .notarobot input[type="checkbox"], .notarobot label {
 height: 1px;
 margin: 0;
 max-width: 1px;
 overflow: hidden;
 padding: 0;
 white-space: nowrap;
 width: 1px;
}
#popup {
 border: none;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
 box-sizing: border-box;
 display: flex;
 flex-direction: column;
 left: 50%;
 margin: 0;
 max-height: 100vh;
 max-height: 100dvh;		/* dynamic viewport height not supported by all browsers, so include viewport height before for them */
 min-width: 560px;
 overflow: auto;
 padding: 20px;
 position: fixed;
 top: 50%;
 transform: translate(-50%,-50%);
 width: 560px;
}
#popup-background {
 background: rgb(0, 0, 0, 0.3);
 bottom: 0;
 display: block;
 left: 0;
 position: fixed;
 right: 0;
 top: 0;
 z-index: 10001;
}
#publicity {
 display: flex;
 flex-direction: column;
 margin: 30px 10px 0px 0px;
 padding: 0;
}
#publicity a {
 border-style: solid;
 margin: 0;
 padding: 0;
 outline: none;
}
#publicity img {
 width: 300px;
 height: 500px;
 margin: 0;
 object-fit: fill;
 padding: 0;
}
#publicity p {
 font-size: 0.85em;
 line-height: 1;
 margin: 0 0 6px 0;
 padding: 0;
 text-align: center;
}
#publicity-container {
 margin: 0;
 padding: 0;
}
.row {
 align-items: baseline;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
}
.rowcentred {
 display: flex;
 flex-direction: row;
 justify-content: center;
 margin: 0;
 padding: 0;
}
.rowgrow {
 flex-grow:1;
}
.rowsofcheckboxes, .rowsofradiobuttons {
 display: grid;
 padding: 0;
 margin: 0;
}
#sidebar {
 display: flex;
 flex-direction: column;
 left: 0;
 margin: 0;
 overflow-x: hidden;
 padding: 0;
 position: fixed;
 top: 0;
 transition-duration: 0;
 z-index: 1;
}
#sidebar a {
 align-items: flex-start;
 border-style: solid;
 box-sizing: border-box;
 display: flex;
 flex-direction: row;
 margin: 0;
 outline: none;
 overflow: hidden;
 text-align: left;
 text-decoration: none;
 white-space: nowrap;
}
#sidebar p {
 border-style: solid;
 box-sizing: border-box;
 cursor: pointer;
 display: flex;
 flex-direction: row;
 line-height: 1;
 margin: 0;
 overflow: hidden;
 white-space: nowrap;
}
::-webkit-calendar-picker-indicator{
 cursor: pointer;
}
