@import url("common.css");
 
 body { background-color: #FFFFE8; text-align:justify; margin-left: 8%; margin-right: 6%; margin-top: 4%;   } 
 h1 { font-size: 3.33em; color: #AA4400; text-align: center; margin-bottom: 0.2ex; }
 h2 { font-size: 1.34em; color: #224439; text-align: center; margin-top: 0; margin-bottom: 1.5ex; font-style: italic; font-weight:700; }
 h3 { color: darkcyan; }
 h4 { color: darkblue; margin-top: 3ex; margin-bottom: 0.3ex; }
 h5 { color: darkblue; margin-top: 0ex; margin-left: 5em;  }

  @media only all and ( max-width: 640px ) {
    body {  margin-left: 3%; margin-right: 3%; }
  }

  @media only all and ( max-width: 640px ) { 
    body .downloadsection { margin-left: 0; margin-right: 0; } 
    body table.downloadarea { margin-left: 0; margin-right: 0; }
    body samp { white-space: pre-line; word-wrap: break-word; }
  }

 .downloadsection { float: left; margin: 1.3em; }
 .arealabel { float: left; font-style: italic; font-weight: bold; margin-left: 1.8ex; padding-right: 1.8ex; }
 table.downloadarea {  border: 1px outset black; border-spacing: 1px; background-color: #FFFF99;  margin-left: 1.8ex; }
 table.downloadarea td { padding: 1ex; border: 1px inset black;  }

 p { text-indent: 1.5em; }
 samp { white-space: pre; color: #303030; }
 tfoot td {  font-stretch: wider; font-style: italic;font-size: 1.7ex; } 
 .comment { margin-left: 2em; white-space: normal; font-weight: bold; color: #555; }

 /* table tr > td > a, table tr > td > a { text-decoration: none; border-bottom: 1px dashed #777; }*/
 table tr > td > a:hover, table tr > td > a:focus { text-decoration: underline; border-bottom: none; }
 table tr > td > a[href^="mailto:"]:hover, table tr > td > a[href^="mailto:"]:focus { text-shadow: none; color: blueviolet; border-bottom: 1px solid blueviolet; }

 table a:link { color: #00E; }
 table a:hover { color: darkblue; text-shadow: 0 0 1px rgba(0,0,255,8); }