*                   { margin: 0; padding: 0; }
html                { height: 100%; }
body                { background: #fff url('images/midbar.png') left 158px repeat-x;
                      color: #000; text-align: left; min-width: 800px;
                      font-family: Arial, Helvetica, sans-serif; font-size: 80%; }

#topbar             { text-align: center; height: 92px; padding: 20px 0;
                      display: flex; justify-content: space-between; align-items: center; }
#peakbanner, #logo  { flex: 0 1 auto; }
#topbar p           { font-size: 1.125rem; font-weight: 800; margin: 0 1em; color: #2170ff; flex: 1 1 auto; }
#leftbar            { position: absolute; left: 20px; top: 182px; width: 180px; }
#leftbar p          { text-align: center; font-size: 1.3em; line-height: 1.2; }
#navbar             { background-color: #4e600a; padding: 2px; margin-bottom: 20px;
                      -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
                      -moz-box-shadow: 5px 5px 5px #555; -webkit-box-shadow: 2px 2px 2px #555; box-shadow: 2px 2px 2px #555; }
#navbar ul          { list-style: none; margin: 0; }
#navbar li          { margin-top: 1px; margin-bottom: 1px; }
#navbar li a        { display: block; font-weight: bold; background-color: #60780a; color: #fff;
                      -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px; }
#navbar li a.sel    { background-color: #f4d400; color: #000; }
#navbar li a:hover  { background-color: #f4d400; color: #000; }
#rightbar           { position: absolute; right: 20px; top: 182px; width: 180px; }
#rightbar .panel    { background-color: #fff; padding: 10px; margin-bottom: 20px;
                      -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
                      -moz-box-shadow: 5px 5px 5px #555; -webkit-box-shadow: 2px 2px 2px #555; box-shadow: 2px 2px 2px #555; }
#rightbar .panel p  { margin: 0; line-height: 1.3; font-size; 0.9em; }
#rightbar .panel p + p { margin-top: 1em; }
#midbar             { background: url('images/midbar-header.png') left top repeat-x; min-height: 600px; padding-top: 26px; }
#footbar            { font-size: 0.9em; color: #fff; text-align: center; height: 98px; padding-top: 160px;
                      background: #4e600a url('images/grass-white.png') bottom center repeat-x; }
#footbar p          { width: 560px; margin: 1em auto; }
#footbar a          { color: #fff113; }
#footbar a:hover    { color: #fff; }

#page               { margin: 0 220px; min-width: 400px; text-align: left; padding: 20px; font-size: 1.1em; }

img.brdcnr          { border: 5px solid #fff113;
                      border-radius-topright: 10px;
                      border-radius-bottomleft: 10px;
                      border-radius-bottomright: 10px;
                      -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;
                      -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
                      -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }

h1                  { color: #001d7c; font-size: 1.8em; font-weight: bold; }
h2 + h1, p + h1     { margin-top: 2em; }
h2                  { color: #000; font-size: 1.3em; font-weight: normal; margin: 2em 0 1em; }
h3                  { color: #001d7c; font-size: 1.2em; font-weight: normal; }
p                   { margin: 0.7em 0; line-height: 1.5; }
a                   { color: #001d7c; font-style: normal; font-weight: bold; text-decoration: none; }
a:hover             { color: #4e600a; }
a img               { border: none; }
ul                  { margin-left: 2em; }
ol                  { margin-left: 2em; }
.small              { font-size: 0.9em; }

.diary td           { padding: 5px; }
.diary .booked      { background-color: #900; color: #fff; }
.diary .vacant      { background-color: #090; color: #fff; }
.cap                { font-style: italic; }
.ind                { margin-left: 2em; margin-right: 2em; }
.nobrd              { border: none; }
.mart1em            { margin-top: 1em; }
.marb1em            { margin-bottom: 1em; }
.clr                { padding: 0; margin: 0; height: 1px; clear: both; margin-top: -1px; overflow: hidden; }
.fr                 { float: right; padding-left: 10px; }
.fl                 { float: left; padding-right: 10px; }
.c                  { text-align: center; margin-left: auto; margin-right: auto; }
.r                  { text-align: right; }
.l                  { text-align: left; }
.cl                 { clear: left; }
.cr                 { clear: right; }
.cb                 { clear: both; }

table               { border-collapse: collapse; margin: 0 auto; }
tr                  {  }
th                  { padding: 0.5em 1em; font-weight: bold; text-align: center; border: 1px solid #999; background-color: #fff113; }
td                  { padding: 0.5em 1em; border: 1px solid #999; background-color: #fff; }
th.blank            { background: transparent; border: none; }
td.blank            { background: transparent; border: none; }
form                { margin: 0 auto 1em auto; padding: 0; }
form h2             { text-align: left; font-size: 1em; border-bottom: 1px solid #999; }
label               { font-weight: bold; }
textarea            { font-family: Arial, Helvetica, sans-serif;
                      font-size: 0.95em; font-weight: normal; border: 1px solid #999; }
select              { font-family: Arial, Helvetica, sans-serif;
                      font-size: 0.95em; font-weight: normal; border: 1px solid #999; }
input               { font-family: Arial, Helvetica, sans-serif;
                      font-size: 0.95em; font-weight: normal; border: 1px solid #999; }
input.btn           { font-size: 0.9em; background-color: #EEE; padding: 2px 0; margin: 5px;
                      font-weight: bold; }
input.chk           { border: none; }

@media print {
.prthide            { display: none; }
#page               { margin: 0; }
#leftbar            { display: none; }
#rightbar           { display: none; }
}