html   { margin:0;padding:0; }
body   { color:#111111;font-family:Calibri;font-style:normal;font-size:100%; margin:0;padding:0;margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; 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;
                }

.pc-only
{
   display: block;
}

.mobile-only
{
   display: none;
}

.all-devices
{
   display: block;
}

@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%;
  }

}