body {font-family: Verdana, Arial; font-size: 15px; line-height: 1.5; padding:0; margin:0; background-color:#fff; }

h1 {font-family: Verdana, Arial; font-weight: bold; font-size: 1.6em; }
h2 {font-family: Verdana, Arial; font-weight: bold; color: #000080; font-size: 1.3em; }
h3 {font-family: Verdana, Arial; font-weight: bold; font-size: 1.2em; }

p  {font-family: Verdana, Arial; font-size: 1.0em; }
ul {font-family: Verdana, Arial; font-size: 1.0em; }
li {margin-left: 30px; list-style: disc; }
ol {margin-left: 30px; list-style: disc; padding-bottom: 20px; }

a:link    { text-decoration: none; color: #960000; }
a:active  { text-decoration: none; color: #960000; }
a:hover   { font-weight: bold; text-decoration: none; background: #eee; color: #960000; }
a:visited { text-decoration: none; color: #960000; }

strong {font-weight: bold; }
em {font-style: italic; }
sup {vertical-align: super; font-size: smaller; }

img {max-width: 100%; height: auto; }

/* Global */
.container {width: 80%; margin:auto; overflow:hidden; }

/* Header */
header {height: 140px; border-bottom:#ddd 1px solid; padding-bottom: 10px; }
header img {float:left; margin: 8px; }

/* Section */
section {height:auto; border-bottom:#ddd 1px solid; padding-bottom: 10px; }
section p {padding-bottom:10px; }
section #hilight {padding:10px 0 10px 0; border-bottom: #ddd 1px solid; border-top: #ddd 1px solid; }

/* Button */
.button {text-align: center; }

/* Media Queries */
@media (max-width: 1320px) {
   .container {width: 80%; margin:auto; overflow:hidden; }
}

 @media (max-width: 768px) {
   .container {width: 98%; margin:auto; overflow:scroll; }
}

@media print {
  body * {  visibility: hidden; }
  #print * { visibility: visible; }
  #print {position: absolute; left: 0; top: 0; }
}
