html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}

body
{ font-size:11pt;
  font-family:sans-serif;
  color:#000;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
  line-height:1.3;
  background-color:#ffe;
  margin:1em;
}

b { font-weight:bold }

h1 { font-size:1.6em }
h2 { font-size:1.4em }
h3 { font-size:1.2em }
h4 { font-size:1.1em }
 
h1, h2, h3, h4
{ font-weight:normal;
  margin:0.5em 0
}

div.quote
{ display:block;
  background:#fff;
  margin-left:2em;
  margin-right:2em;
  padding: 1em 2em
}

p.attn span
{ font-size:180%;
  font-wight:bold;
  padding-right:8pt;
  color:#f00;
}

div.mainoverview
{ display:inline-flex;
  flex-wrap: wrap;
}


div.mainoverview div
{ display:grid;
  grid-template-columns: 30em;
  margin:0 1em 0.4em 0em;
}

div.mainoverview div div
{ grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events:none;
}

div.mainoverview div div img
{ width:30em;
  height:30em;
}

div.mainoverview li
{ font-weight:bold;
}

div.mainoverview div div a
{ pointer-events:auto;
}

div.mainoverview div div div
{ display:inline-block;
  padding:0.5em 2em 1.5em 2em;
  margin:1em;
  background:#fff;
  opacity:0.75;
}

div.mainoverview div:hover div div
{ opacity:0.95;
}

div.mainoverview div div div ul
{ margin:0;
  padding:0;
}


#sectmenu-popup
{ visibility:hidden;
  min-width: 40%; 
  min-height: 35%; 
  max-width: 60%;
  color: #000;
  background-color: #ddd; 
  border: 1pt solid black;
  box-shadow: 0 4pt 8pt 0 rgba(0, 0, 0, 0.2), 0 6pt 20pt 0 rgba(0, 0, 0, 0.19);
  padding: 8pt 16pt; 
  position: fixed;
  z-index: 1; 
  -webkit-border-radius: 8pt;
  -moz-border-radius: 8pt;
  border-radius: 8pt;
}

#sectmenu-popup.show 
{ visibility: visible;
}


#tooltip 
{ visibility: hidden; 
  min-width: 200px; 
  min-height: 150px; 
  max-width: 400px;
  background-color: #444; 
  color: #fff; 
  padding: 8px 16px; 
  position: fixed;
  z-index: 1; 
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
#tooltip.show 
{ visibility: visible;
}
#tooltip p
{ color:#fff;
}

#toast 
{ visibility: hidden; 
  min-width: 250px;
  margin-left: -125px; 
  background-color: #444; 
  color: #fff; 
  text-align: center; 
  padding: 8px 16px; 
  position: fixed;
  z-index: 1; 
  left: 50%; 
  bottom: 60px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#toast.show 
{ visibility: visible;
  -moz-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  -o-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  -ms-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}





nav.navbar
{ background-color: rgb(255, 215, 0);
  background-image: linear-gradient(rgb(255, 215, 0) 0pt, rgb(248, 245, 0) 100%);
  background-repeat: repeat-x;
  border-bottom-color: rgb(248, 223, 0);
  border-bottom-style: solid;
  border-bottom-width: 1pt;
  box-shadow: rgba(255, 255, 255, 0.15) 0pt 1pt 0pt 0pt inset, rgba(0, 0, 0, 0.075) 0pt 1pt 5pt 0pt;
  box-sizing: border-box;
  color: #f5f800;
  left: 0pt;
  margin-bottom:10pt;
  min-height: 30pt;
  position: fixed;
  right: 0pt;
  top: 0pt;
  z-index: 100;
}

nav.navbar 
{ display:grid;
  grid-template-columns:min-content;
  grid-template-rows:auto;
  grid-template-areas:'logo' 'sia' 'tours' 'about' 'profile' 'login';
} 

nav.navbar .spacer
{ display:none;
}

@media (min-width:300px)
{
  nav.navbar
  { display:grid;
    grid-template-columns:min-content min-content min-content;
    grid-template-rows:auto;
    grid-template-areas:'logo logo logo' 'sia tours plans' 'about profile login';
    padding:0pt;
  }
}

@media (min-width:1000px)
{
  nav.navbar
  { display:grid;
    grid-template-columns:min-content min-content min-content min-content min-content 1fr min-content min-content;
    grid-template-rows:auto;
    grid-template-areas:'logo sia tours plans about spacer profile login';
    padding:0pt;
  }
  nav.navbar .spacer
  { display:block;
  }
}


nav > :nth-child(1) { grid-area:logo; }
nav > :nth-child(2) { grid-area:sia; }
nav > :nth-child(3) { grid-area:tours; }
nav > :nth-child(4) { grid-area:plans; }
nav > :nth-child(5) { grid-area:about; }
nav > :nth-child(6) { grid-area:spacer; }
nav > :nth-child(7) { grid-area:profile; }
nav > :nth-child(8) { grid-area:login; }
 
nav > a
{ align-self:center;
  white-space:nowrap;
}

nav > div.title
{ align-self:center;
  font-size:180%;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
  color:#000;
  white-space:nowrap;
  padding: 4pt;
  margin:4pt 10pt 4pt 5pt;
}

nav > li, nav > div, nav > div > a
{ align-self:center;
  box-sizing: border-box;
  display: block;
  float: left;
  line-height: 20pt;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  position: relative;
}

nav > li > a, nav > div > a
{ box-sizing: border-box;
  color: #000;
  display: block;
  font-size:120%;
  font-weight:normal;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 4pt;
  margin-right:8pt;
  position: relative;
  text-decoration: none;
  text-decoration-color: rgb(240, 230, 210);
  text-decoration-line: none;
  text-decoration-style: solid;
  text-shadow: rgba(255, 255, 255, 0.25) 0pt 1pt 0pt;
  white-space:nowrap;
}

nav > li > a:hover, nav > div:hover
{ color:#000;
  background:#f0e68c;
}

nav > li.dropdown ul
{ background-clip: padding-box;
  background-color: #f8f500;
  border-color: rgba(0, 0, 0, 0.15);
  border-style: solid;
  border-width: 1pt;
  border-bottom-left-radius: 4pt;
  border-bottom-right-radius: 4pt;
  border-top-left-radius: 0pt;
  border-top-right-radius: 0pt;
  box-shadow: rgba(0, 0, 0, 0.176) 0pt 6pt 12pt 0pt;
  box-sizing: border-box;
  color: #f8f500;
  display: none;
  float: none;
  left: 0pt;
  line-height: 20pt;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  min-width: 160pt;
  padding: 2pt;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1000;
}

nav > li.profile ul 
{ left:inherit;
  right:-20pt;
}


nav > li.dropdown:hover ul 
{ display: block;
}


nav > li.dropdown ul li
{ box-sizing: border-box;
  color: rgb(51, 51, 51);
  line-height: 20pt;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  text-align: left;
}

nav > li.dropdown ul li a 
{ box-sizing: border-box;
  color: rgb(38, 38, 38);
  display: block;
  line-height: 20pt;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 3pt 20pt;
  text-align: left;
  text-decoration: none;
  text-decoration-color: rgb(38, 38, 38);
  text-decoration-line: none;
  text-decoration-style: solid;
  white-space: nowrap;
}

nav > li.dropdown > ul li a:hover
{ background-color: #f0e68c;
  background-image: linear-gradient(rgb(240, 230, 108) 0pt, rgb(238, 235, 0) 100%);
  background-repeat: repeat-x;
}


.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}