body {
 background-color: black;
 color: teal;
 font-family: Helvetica, Arial, Verdana, sans-serif;
 font-size: 10pt;
 font-weight: normal;
 }
#page {
 background-color: white;
 border: 1px solid red;
 color: teal;
 font-family: Helvetica, Arial, Verdana, sans-serif;
 font-size: 10pt;
 font-weight: normal;
 height: 500px;
 margin-bottom: 20pt;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 padding: 0;
 text-align: left;
 width: 911px;
  }
html>body #page {
 height: auto;
 margin-bottom: 20pt;
 min-height: 500px;
 }
table {
 width: 100%;
 border-collapse: collapse;
 padding: 0;
 }
.copy {
 color: gray;
 font-size: 8pt;
 font-weight: normal;
 text-decoration: none;
 }
a.copy:hover {
 color: teal;
 font-size: 8pt;
 font-weight: normal;
 text-decoration: none;
 }
.clr {
 clear: both;
 }
.ex {
 color: gray;
 font-size: 8pt;
 font-weight: normal;
 padding: 1em;
 text-align: center;
 }
.jpg {
 border: 3px double red;
 }
.link {
 color: white;
 font-size: 18pt;
 font-weight: bold;
 text-decoration: none;
 }
a.link:hover {
 color: #33ff33;
 font-size: 18pt;
 font-weight: bold;
 text-decoration: none;
 }
.none {
 border: 0;
 }
.occitan {
 background: yellow url(/pix/bg.jpg) repeat-x;
 border: 3px double red;
 line-height: 70px;
 text-align: center;
 width: 247px;
 }
.sysnix {
 background: #0099cc;
 border: 3px double gray;
 line-height: 70px;
 text-align: center;
 width: 247px;
 }
.text {
 color: black;
 font-size: 10pt;
 font-weight: bold;
 }
.textc {
 color: black;
 font-size: 10pt;
 font-weight: bold;
 text-align: center;
 }
.textr {
 color: black;
 font-size: 10pt;
 font-weight: bold;
 text-align: right;
 }