body {
  color           : #000000;
  background-color: #ffffff;
  font-family     : Verdana, Helvetica, sans-serif;
  font-size       : 9pt;
}

a               { text-decoration: none; }
a:link          { color: #003399; background-color: inherit; }
a:hover         { color: #336699; background-color: inherit; }
a:visited       { color: #000066; background-color: inherit; }
a:visited:hover { color: #003366; background-color: inherit; }

h1 { color: #336699; background-color: inherit; font-size: 3.6ex; }
h2 { color: #333333; background-color: inherit; font-size: 3.0ex; }
h3 { color: #000000; background-color: inherit; font-size: 2.4ex; }
h4 { color: #000000; background-color: inherit; font-size: 2.1ex; }
h5 { color: #000000; background-color: inherit; font-size: 1.8ex; }
h6 { color: #000000; background-color: inherit; font-size: 1.5ex; }

.soft-red { color: #993333; background-color: inherit; }

img { border: 0; }

td { font-size: 9pt; }
th { font-size: 9pt; }

div.main {
  position: absolute;
  left    : 180px;
  top     :  20px;
  width   : 600px;
}

.wide { width: 800px; }

.center { text-align: center; }

div.beatlogo {
  position   : absolute;
  top        : 50px;
  left       : 20px;
  width      : 148px;
}

div.menu {
  font-weight: bold;
  position   : absolute;
  top        : 100px;
  left       : 20px;
  width      : 148px;
  padding-top: 16px;
  font-size  : 24px;
  text-align : center;
}

div.menu table {
  color           : #336699;
  background-color: #eeeeee;
  width           : 146px;
  font-weight     : bold;
  text-align      : left;
  border-color    : #336699;
  border-style    : solid;
  border-width    : 1px;
  font-size       : 12px;
}

div.menu table tr td.active {
  width           : 100%;
  color           : #eeeeee;  
  background-color: #336699;
}

div.menu table tr td.active a {
  width           : 100%;
  color           : #eeeeee;  
  background-color: #336699;
}

div.menu table tr td.active a:hover {
  color           : #ffffff;
  background-color: inherit;
}

div.menu table tr td.inactive a {
  width           : 100%;
  color           : #336699;
  background-color: inherit; 
}

div.menu table tr td a {
  width          : 100%;
  text-decoration: none;
}

div.menu table tr td.inactive a:hover {
  color           : inherit;
  background-color: #ffffff;
}

div.footer {
  padding-top   : 20px;
  padding-bottom: 10px;
  font-size     : smaller;
}

table.fancy {
  border-color : #cccccc;
  border-style : solid;
  border-width : 1px;
}

table.fancy tr th, table.fancy tr td {
  border-color : #bbbbbb;
  border-style : solid;
  border-width : 1px;
  padding      : 2px;
}

table.fancy tr th {
  color      : #eeeeee;
  background : #336699;
}