@media screen {
  body { margin: 20px; background-color: #F5F2F5; }
  div.content { width: 710px; padding: 20px; background-color: white; border: 1px solid black; }
}

h1 { font-family: Tahoma; color: #333333; font-weight: normal; margin: 0; text-align: center; }
h2 { font-family: Tahoma; color: #333333; font-weight: normal; margin-top: 1.5em; }
h3 { font-family: Tahoma; color: #333333; font-weight: normal; }
h4 { font-family: Tahoma; color: #333333; font-weight: normal; }
h5 { font-family: Tahoma; color: #333333; font-weight: normal; }
h6 { font-family: Tahoma; color: #333333; font-weight: normal; }

p { font-family: Tahoma; font-size: 10pt; line-height: 150%; color: #333333; }
li { font-family: Tahoma; font-size: 10pt; line-height: 150%; color: #333333; margin: 1em 0; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

pre { 
  background-color: #F8F8F8;
  border: 1px dashed #AAAAAA;
  padding: 5px 10px;
  margin: 15px 15px 25px 15px;
  page-break-inside: avoid;
}