body { background-color: rgb(255, 255, 255);
    }

  .td2 { color: rgb(80, 80, 128);
    font-size: small;
    font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
    text-decoration: none;
    text-align: left;
    }

.styl10 { color: rgb(80, 80, 128);
    font-size: small;
    font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
    text-decoration: none;
    text-align: left;
    }


  .td1 { color: rgb(142, 66, 66);
    font-size: 10pt;
    font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
    font-weight: bold;
    font-stretch: normal;
    text-decoration: none;
    text-align: right;
    }

  .td2 a { color: rgb(142, 66, 66);
    text-decoration: none;
    background-color: rgb(242, 242, 246);
    }
  .styl10 a { color: rgb(142, 66, 66);
    text-decoration: none;
    background-color: rgb(242, 242, 246);
    }

  .td2 a:hover { color: rgb(156, 0, 0);
    text-decoration: underline;
    background-color: rgb(242, 242, 246);
    }
.styl10 a:hover { color: rgb(156, 0, 0);
    text-decoration: underline;
    background-color: rgb(242, 242, 246);
    }

  .td2 { margin: 12px;
    padding-right: 12px;
    padding-left: 12px;
    }

@media (max-width: 640px) {
 body, element1, element2 {
   width: auto;
   margin: auto;
   padding: auto;
 }
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }

 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
 }

 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word;
   -webkit-hyphens: auto; 
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; 
 }

 element1, element2 {
   float: none !important;
   width: auto !important
 }

 .hide_mobile {
   display: none !important;
 }

}

@media (max-width:640px) and (orientation: landscape) {
  body {
   -webkit-text-size-adjust: 70%;
  }
}