/* @import url('https://fonts.googleapis.com/css2?family=Caladea:ital,wght@0,400;0,700;1,400;1,700&family=Inconsolata:wght@400;600&family=Lobster+Two:wght@400;700&display=swap');
*/
body {
  color: black;
  max-width: 930px;  
  margin: 0 auto; 
  padding: 0px;
  font-family: Georgia, "Liberation Serif", Cambria, "Dejavu Serif", "Times New Roman", Times, serif; 
}
@media only screen and (min-width: 930px) {
  body {
   font-family: Georgia, Caladea, "Liberation Serif", Cambria, "Dejavu Serif", "Times New Roman", Times, serif;
  }
 }
p {
  color: black;
  padding-left: 6px;
  padding-right: 5px;
}
h1, h2, h3, h4, h5, h6 {
/* font-family: "Liberation Sans", Calibri, Carlito,  "Helvetica Neue",  Helvetica,  Arial, sans-serif; */
  font-weight: 600;
  padding-left: 6px;
  padding-right: 5px 
}
h1 {
  font-size: 1.8em;
}
h2 {
  font-size: 1.6em;
}
h3 {
  font-size: 1.37em;
}
h4 {
  font-size: 1.19em;
}
h5 {
  font-size: 1.1em;
}
h6 {
  font-size: 1.0em;
}
a:link {
  color: #0000ff;
}
a:visited, a:active {
  color: #0080ff;
}
a:hover {
  color: #cc0000;
  text-decoration: none;
}
ul, ol {
list-style-position:outside;
padding-top: 0px;
padding-bottom: 0em;
padding-left:1.5em;
padding-right:0px;
margin: 0px;
}
img {
  border: 0px solid black; 
}
table, td, tr {
  border: 0px solid black; 
}
h1.center, h2.center, h3.center, h4.center, h5.center, h6.center, p.center, div.center {
  text-align: center;
}
table.center {
  margin-left: auto;
  margin-right: auto;
}
table.squeeze { 
  border-collapse: collapse;
}
table.pictureblock {
  width: 90%; 
  border-collapse: collapse;
  margin-left: auto; 
  margin-right: auto; 
  background-color: white;
}
td.pictureblock {
  text-align: center;  
  padding:0px;
  min-width:157px;
}
p.navigationbar {
  text-align:center;
  line-height:1.6;
  clear:both;
}
.menutitle {
  font-size: 1.1em;
  font-weight: bold;
}
.new, .recent, .update {
  color: fuchsia;
  font-size: 0.95em;
  font-family: "Comic Sans MS", "Dancing Script", cursive;
}
@media only screen and (min-width: 930px) {
  .new, .recent, .update {
    font-family: "Lobster Two", "Comic Sans MS", "Dancing Script", cursive;
  }
}
.new, .update {
  font-weight: 600;
}
.red {
    color:red;
}
.green {
   color:green;
}
.expand {
color: #000099;
text-decoration: underline;
font-style: italic; 
}
.expandedblock {
  margin-left: 2%;
  margin-right: 2%;
  display: block;
  padding: 5px;  
  background-color: #ffffff;  
}
.oldbackground {
color: #aaaaaa;
}
.code, .terminal, .terminaloutput, .scriptcode, .updatecode {
  padding: 10px;
  margin-right: 5%;
  margin-left: 5%;
  display: block;
  font-weight: 600;
  font-size: 0.87em; 
  font-family:   "Liberation Mono", Consolas, Menlo, Monaco, "Lucida Console", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  }   
@media only screen and (min-width: 930px) {
  .code, .terminal, .terminaloutput, .scriptcode, .updatecode {  
    font-size: 0.95em;   
    font-family: Inconsolata, "Liberation Mono", Consolas, Menlo, Monaco, "Lucida Console", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  }
 }
.code {
  border: 1px dashed;
  background-color: #ffffff;
}
.terminal {
  border: 1px dotted;
  background-color: #ffffff;
}
.terminaloutput {
  border: 1px solid #808080;
  background-color: #ffffff; 
}
.scriptcode {
  border: 1px dashed #808080;
  background-color: #ffffff;
  border-radius: 10px  
}
 .updatecode {
  border-top: 1px dashed;
  border-bottom:  1px dashed;
  border-left: 3px solid fuchsia;
  border-right: 2px solid fuchsia;
  border-color: fuchsia;
  background-color: #e8e8e8;
}
.generalblock {
  border: 2px solid rgba(64,64,64,0.7);
  padding: 10px;
  margin-right: 5%;
  margin-left: 5%;
  background-color: white;
  border-radius: 5px;  
  box-shadow: 4px 4px 4px 0px  rgba(0,0,0,0.4);
}
.updateblock {
  border-left: 3px solid fuchsia;
  border-right: 2px solid fuchsia;
  padding:5px;
  margin-right: 0%;
  margin-left: 0%;
}
.hometitle {
  padding: 3px;
  font-size: 1.7em;
  font-weight: bold;
  background-color: #ffeecc;
  text-align: center;
}
.homesubtitle {
  padding: 5px;
  font-size: 1.4em;
  font-weight: bold;
  background-color: #ffeecc;
  text-align: center;
}
.homesubsubtitle {
  padding: 5px;
  font-size: 1.2em;
  font-weight: bold;
  background-color: #ffeecc;
  text-align: center;
}
.homefooter {
  padding: 10px;
  background-color: #ffeecc;
  font-weight: bold;
  font-size: 0.75em;
}
.homeblock {
  border: 2px solid #990000;
  padding: 10px;
  margin-right: 5%;
  margin-left: 5%;
  background-color: white;
  border-radius: 5px;  
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
}

td.homebar {
  padding-top:10px;
  padding-bottom:10px;
  border-radius:10px;
  color: #000000;
  background-color: #ffeecc;
  text-align: center;
}

a.homebar:link, a.homebar:visited, a.homebar:active {
  color: black;
  text-decoration: underline;
}
a.homebar:hover {
  color: #606060;
  text-decoration: none;
}
 li.homebar {
  padding:10px 10px;
  border-radius:5px;
  color: #000000;
  background-color: #ffeecc;
  font-weight: normal;
  font-size: 17px
}

.pemctitle {
  padding: 5px;
  font-size: 1.7em;
  color: #000060;
  font-weight: bold;
  background-color: #e4ffff;
  text-align: center;
}
.pemcsubtitle {
  padding: 5px;
  font-size: 1.4em;
  color: #000060;
  font-weight: bold;
  background-color: #e4ffff;
  text-align: center;
}
.pemcfooter {
  padding: 10px;
  background-color: #e4ffff;
  font-weight: bold;
  font-size: 0.75em;
    
}
.pemcblock {
  border: 2px solid rgba(0,0,192,0.7);
  padding: 5px;
  margin-right: 5%;
  margin-left: 5%;
  background-color: white;
  border-radius: 5px;  
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
}
td.pemcbar {
  padding-top:10px;
  padding-bottom:10px;
  border-radius:10px;
  color: #400040;
  background-color: #ccffff;
  text-align: center;
}
li.pemcbar {
  padding:10px;
  border-radius:5px;
  color: #400040;
  background-color: #ccffff;
  font-size:17px;
  font-weight:normal;
}
a.pemcbar:link, a.pemcbar:visited, a.pemcbar:active {
  color: #400040;
  text-decoration: underline;
}
a.pemcbar:hover {
  color: #606060;
  text-decoration: none;
}
.howtotitle {
  padding: 5px;
  font-size: 1.7em;
  color: white;
  font-weight: bold;
  background-color: #00008e;
  text-align: center;
}
.howtosubtitle {
  padding: 5px;
  font-size: 1.4em;
  color: white;
  font-weight: bold;
  background-color: #00008e;
  text-align: center;
}
.howtofooter {
  padding: 10px;
  background-color: #00008e;
  font-weight: bold;
  color: white;
  font-size: .75em;
}
.howtoblock {
  border: 2px solid rgba(0,0,192,0.7);
  padding:5px;
  margin-right: 5%;
  margin-left: 5%;
  background-color: white;
  border-radius: 5px;  
  box-shadow: 4px 4px 4px 0px  rgba(0,0,0,0.4);

}
td.howtobar {
  padding-top:10px;
  padding-bottom:10px;
  border-radius:10px;
  color: white;
  background-color: #00008e;
  text-align: center;
}
li.howtobar {
  padding:10px;
  border-radius:5px;
  color: white;
  background-color: #00008e;
  font-size:17px;
  font-weight:normal;
}
a.howtobar:link, a.howtobar:visited, a.howtobar:active {
  color: white;
  text-decoration: underline;
}
a.howtobar:hover {
  color: #ddffff;
  text-decoration: none;
}
.unztitle {
  padding: 5px;
  color: #ffff00;
  background-color: #005000;
  font-size: 1.7em;
  font-weight: bold;
  text-align: center;
}
.unzsubtitle {
  padding: 5px;
  color: #ffff00;
  background-color: #005000;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
}
.unzfooter {
  padding: 10px;
  color: #ffff00;
  background-color: #005000;
  font-weight: bold;
  font-size: .75em;
}
.unzblock {
  border: 2px solid #005000;
  padding: 10px;
  margin-right: 5%;
  margin-left: 5%;
  background-color: white;
  border-radius: 5px;  
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
}
td.unzbar {
  padding-top:10px;
  padding-bottom:10px;
  border-radius:10px;
  color: #ffff00;
  background-color: #005000;
  text-align: center;
}

li.unzbar {
  padding:10px;
  border-radius:5px;
  color: #ffff00;
  background-color: #005000;
  font-size:17px;
  font-weight:normal;
}

a.unzbar:link, a.unzbar:visited, a.unzbar:active {
  color: #ffff00;
  text-decoration: underline;
}
a.unzbar:hover {
  color: #ffff80;
  text-decoration: none;
}
.sftitle {
  padding: 5px;
  font-size: 1.7em;
  color: #f2e4c6;
  font-weight: bold;
  background-color: #a21f1f;
  text-align: center;
}
.sfsubtitle {
  padding: 5px;
  font-size: 1.4em;
  color: #f2e4c6;
  font-weight: bold;
  background-color: #a21f1f;
  text-align: center;
}
.sffooter {
  padding: 10px;
  color: #f2e4c6;
  background-color: #a21f1f;
  font-weight: bold;
  font-size: 0.75em;
}
.sfblock {
  border: 2px solid #990000;
  padding: 10px;
  margin-right: 5%;
  margin-left: 5%;
  background-color: white;
  border-radius: 5px;  
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
}
td.sfbar {
  padding-top:10px;
  padding-bottom:10px;
  border-radius:10px;
  color: #f2e4c6;
  background-color: #a21f1f;
  text-align: center;
}

li.sfbar {
  padding:10px;
  border-radius:5px;
  color: #f2e4c6;
  background-color: #a21f1f;
  font-size:17px;
  font-weight:normal;
}

a.sfbar:link, a.sfbar:visited, a.sfbar:active {
  color: #f2e4c6;
  text-decoration: underline;
}
a.sfbar:hover {
  color: white;
  text-decoration: none;
}
.srchtitle {
  padding: 5px;
  font-family:  "Comic Sans MS", "Dancing Script", cursive;
  font-size: 1.7em;
  color: fuchsia;
  font-weight: bold;
  background-color: #e0e0e0;
  text-align: center;
}
.srchsubtitle {
  padding: 5px;
  font-size: 1.4em;
  color: fuchsia;
  font-weight: bold;
  background-color: #e0e0e0;
  text-align: center;
}
.srchfooter {
  padding: 10px;
  color: fuchsia;
  font-size: 0.75em;
  font-weight: bold;
  background-color: #e0e0e0;
}
.srchblock {
  border: 2px solid fuchsia;
  padding: 10px;
  background-color: white;
}
td.srchbar {
  padding-top:10px;
  padding-bottom:10px;
  border-radius:10px;
  color: #ff00ff;
  background-color: #e0e0e0;
  text-align: center;
  font-weight: bold;
}

li.srchbar {
  padding:10px;
  border-radius:5px;
  color: #ff00ff;
  background-color: #e0e0e0;
  font-size:17px;
  font-weight:normal;
}
a.srchbar:link, a.srchbar:visited, a.srchbar:active {
  color: #ff00ff;
  text-decoration: underline;
}
a.srchbar:hover {
  color: #ff00ff;
  text-decoration: none;
}

li.setbar {
  background-color:#d3d3d3;
  padding-top:8px;padding-bottom:14px;
  padding-left:12px;
  padding-right:12px;
  border-radius:5px;
  font-size:16px;
  font-weight:normal;
}

.travellimitwidth960 {
  max-width: 930px;
  margin: 0 auto;
  padding: 0px;
  background: url("gallery/std-back.jpg");
}

.traveltitle {
  padding: 3px;
  font-size: 1.7em;
  font-weight: bold;
  background-color: #ffc058;
  text-align: center;
}

.travelsubtitle {
  padding: 5px;
  font-size: 1.4em;
  font-weight: bold;
  background-color: #ffc058;
  text-align: center;
}

.travelsubsubtitle {
  padding: 5px;
  font-size: 1.2em;
  font-weight: bold;
  background-color: #ffc058;
  text-align: center;
}

.travelfooter {
  padding: 10px;
  background-color: #ffc058;
  font-weight: bold;
  font-size: 0.75em;
}

.travelblock {
  border: 2px solid #990000;
  padding: 10px;
  margin-right: 5%;
  margin-left: 5%;
  background-color: white;
  border-radius: 5px;  
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
}

td.travelbar {
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
  color: #000000;
  background-color: #ffc058;
  text-align: center;
}

a.travelbar:link,
a.travelbar:visited,
a.travelbar:active {
  color: black;
  text-decoration: underline;
}

a.travelbar:hover {
  color: #606060;
  text-decoration: none;
}

li.travelbar {
  padding: 10px 10px;
  border-radius: 5px;
  color: #000000;
  background-color: #ffc058;
  font-weight: normal;
  font-size: 17px
}


.plaingreyback{
background-color: #dddddd; 
padding: 0px;
}
.greyback{
background: url("howto-std.jpg");
padding: 0px;
}
.homelimitwidth960{ 
max-width: 930px;  
margin: 0 auto; 
padding: 0px;
background: url("gallery/std-back.jpg");
}
.howtolimitwidth960{ 
max-width: 930px;  
margin: 0 auto; 
padding: 0px;
background: url("howto-std.jpg");
}
.pemclimitwidth960{ 
max-width: 930px;  
margin: 0 auto; 
            padding: 0px;
background: url("ou-std.jpg");
}
.sflimitwidth960{ 
max-width: 930px;  
margin: 0 auto; 
         padding: 0px;
background: url("gallery/marble.jpg");
}
.nzlimitwidth960{ 
max-width: 930px;  
margin: 0 auto; 
          padding: 0px;
background-color: #f4fff4;
}
.srchlimitwidth960{ 
  max-width: 930px;  
  margin: 0 auto; 
  padding: 0px;
  background-color: #f0f0f0;
}

li.index {
padding-top:.25em;
padding-bottom: 0em;
padding-left:0em;
padding-right:0em;
margin: 0px;
}

img.mobileicon { 
margin-left: 0.2em;
vertical-align:bottom;
height:1.1em;
width:auto;
}

.menu {
  position:relative;
}
.menu ul {
   width:250px;
   position:absolute;
   bottom:42px;
   right:0px;
   padding:3px 5px;
   border-radius:8px;
   background:#a0a0a0;
}
.menu li {
   margin:2px 0px 2px 0px;
   float:none;
   display:block;
}
.menu a {
    display:block;
}
.menu ul:after {
    width:0px;
    height:0px;
    position:absolute;
    bottom:-10px;
    right:16px;
    content:"";
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #a0a0a0;
}

.dropmenu {
  position: relative;
}

.dropmenu ul {
  width: 250px;
  position: absolute;
  top: 45px;
  left: 0px;
  padding: 3px 5px;
  border-radius: 8px;
  background: #a0a0a0;
}

.dropmenu li {
  margin: 2px 0px 2px 0px;
  float: none;
  display: block;
}

.dropmenu a {
  display: block;
}

.dropmenu ul:before {
  width: 0px;
  height: 0px;
  position: absolute;
  top: -10px;
  left: 10px;
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #a0a0a0;
}

td.dropmenu {
  border-radius: 5px;
  color: #000000;
  background-color: #ffeecc;
  text-align: center;
  padding: 3px;
}

.dropextra {
  position: relative;
}

.dropextra-content {
  width: 300px;
  position: absolute;
  top: 47px;
  right: 0px;
  padding: 0px;
  background-color: #e0e0e0;
  border: solid 2px #a0a0a0;
  border-radius: 5px;
  box-shadow: -5px 5px 10px 0px rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.dropextra-content:before {
  width: 0px;
  height: 0px;
  position: absolute;
  top: -12px;
  right: 12px;
  content: "";
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #a0a0a0;
}

td.dropextra {
  border-radius: 5px;
  color: #000000;
  background-color: #ffeecc;
  text-align: center;
  padding: 3px;
}

.dropextra ul {
  width: 250px;
  position: absolute;
  top: 45px;
  right: 0px;
  padding: 3px 5px;

  background: #a0a0a0;
}

.dropextra li {
  margin: 2px 0px 2px 0px;
  float: none;
  display: block;
}

.dropextra a {
  display: block;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
}

.brokenlink {
    background-color:#FFCCCC;
    text-decoration: underline;
}

td.srchbar2 {
  border-radius: 10px;
  color: #ff00ff;
  background-color: #e0e0e0;
  text-align: center;
  font-weight: bold;
}

/* Last update: 29th April 2021 */