html   { width: 100%; height: 100%;margin:0;padding:0; }
body   { color:#111111;font-family:Calibri;font-style:normal;font-size:100%; width: 100%; height: 100%;margin:0;padding:0;margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; overflow: hidden; color:#111111;font-family:Calibri;font-size:12pt;font-style:normal; }

a:link    { color:#225588;text-decoration:none }
a:visited { color:#225588;text-decoration:none }
a:hover   { color:#000000;text-decoration:underline }

.page {
  margin: 20px 0
}


   td     { color:#111111;font-family:Calibri;font-size:12pt;font-style:normal; }
   ul     { margin:0pt 0pt 0pt 12pt; }
   li     { margin:0pt 0pt 0pt 12pt; font-size:10pt; }
   h1     {  margin:6pt 8pt 0pt 8pt;font-family:Verdana;font-size:14pt; line-height:100%;color:#225588; }

   div.advert     { font-family:Calibri;
                   font-size:12pt;
                 font-weight:normal;
                  position:absolute;
                       top:0px;
                     width:468px;
                    height:60px;
                      right:0px;
          background-color:#DDEEFF;
                   display:block;
                  overflow:none;
                }

.wrapper {
  position: relative;
   margin-left: 21%;
  padding: 0px 20px 20px 20px;
}

.big-nav
{
   position: absolute;
   margin-left: 23.5%;
   margin-top: -5%;
   width: 12%;
   font-family:Calibri;
   font-style:bold;
   font-size:14pt;
   display: block;
}

.small-nav
{
   font-family:Calibri;
   font-style:normal;
   font-size:8pt;
   display: none;
}

.pc-only
{
   display: block;
}

.mobile-only
{
   display: none;
}

.all-devices
{
   display: block;
}

.ls-image
{
  width: 80px;
}

.footnote
{
  font-size:60%;
}

.content-wrapper {
  float: right;
  width: 100%;
  padding: 0 20px;
}

.sidebar {
  margin-left: 10%;
  width: 12%;
  float: left;
  overflow: hidden;
  background: rgba(44,62,80, 0.4);
  color: #eee;
  min-height: 700px;
  margin-top: -9999px;
  margin-bottom: -9999px;
  padding-top: 9999px;
  padding-bottom: 9999px;
}

.map-container {
position: relative;
padding-bottom: 26.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.map-container iframe,
.map-container object,
.map-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.content {
  margin-left: 320px;
  background: rgba(26,188,156, 0.4);
  min-height: 700px;
}

.mobile-nav {
  margin-left: 0px;
  background: rgba(26,188,156, 0.4);
  display:none;
}

img {max-width:100%} 
     
sup { 
    vertical-align: super;
      font-size:50%;
}

@media only screen and (max-width: 768px) {
  body {
      font-size:50%;
  }
  .big-nav {
    display: none;
  }
  .small-nav {
    display: block;
  }
  .sidebar {
    display: none;
  }
  .pc-only {
    display: none;
  }
  .mobile-only {
    display: block;
  }



  .footnote
  {
    font-size:50%;
  }


  .ls-image {
    width: 40px;
  }
}

@media only screen and (max-width: 1100px)
{
  body
  {
      font-size:100%;
  }

}