body, td {
  margin: 0px; padding: 0px;
}
body, td {
  font-family: 'Trebuchet MS'; font-size: 13px; 
  color: #000000; background-color: #ffffff;
}
div.left-panel {
  position: fixed; width: 50%; height: 100%; left: 0px; top: 0px; 
  overflow: hidden; margin: 0px; background-color: #000000; text-align: center;
}
div.left-panel-caption-area {
  position: fixed; width: 50%; left: 0px; bottom: 0%; overflow: hidden; 
  margin: 0px; background-color: #000000; color: #ffffff; text-align: center; z-index: 1
}
div.left-panel-caption-text {
  padding: 10px; color: #eeeeee;
}
img.left-panel-img {
  height: 100%;
}
div.right-panel {
  position: absolute; left: 50%; top: 0px; width: 50%; height: 100%;
  overflow: auto; margin: 0px; background-color: #ffffff; 
}
div.right-panel-text-container {
  padding: 20px;
}
#text-welcome {
  color: #222222; line-height: 15px;
}
h1 {
  font-size: 18px; font-weight: normal; font-family: 'Lucida Grande'; color: #000099;
  margin-top: 12px; margin-bottom: 10px;
}
h2 {
  font-size: 18px; font-weight: normal; font-family: 'Lucida Grande'; color: #000099;
  margin-top: 12px; margin-bottom: 10px;
}
h3 {
  font-size: 14px; font-weight: bold; font-family: 'Lucida Grande'; color: #000099;
  margin-top: 3px; margin-bottom: 3px;
}
a:link, a:visited {
  color: #cc0000; text-decoration: underline;
}
a:hover {
  color: #ff3333; text-decoration: underline;
}
a img {
  border-width: 0px; 
}
table.link-table {
  border-collapse: collapse;
}
tr.lt-row {
}
td.lt-link {
  vertical-align: top; padding: 0px 20px 3px 0px;
  white-space: nowrap;
}
td.lt-link a:link, td.lt-link a:visited {
  font-weight: bold; font-size: 14px;
}
td.lt-desc {
  vertical-align: top; color: #666666; padding: 2px 0px 3px 0px;
}
td.event-desc {
  vertical-align: top; color: #222222; padding: 2px 0px 3px 0px;
}
table.record-table {
  border-collapse: collapse;
}
td.record-cell {
  padding: 0px 20px 15px 0px; vertical-align: bottom;
}
div.record-desc {
  padding-left: 5px; font-size: 11px; color: #009900;
}
a.record-title:link, a.record-title:visited {
  padding-left: 5px; font-weight: bold; font-size: 13px; color: #cc0000; text-decoration: underline;
}
div.text-body p {
  color: #222233; font-size: 13px; line-height: 18px; 
}

div.record-cover-area {
  padding: 20px;
}
img.record-cover {
  width: 100%; border-width: 1px; border-color: #cccccc; border-style: solid;
}
div.mp3-player-container {
  position: fixed; width: 50%; left: 0px; bottom: 0%; overflow: hidden; margin: 0px; 
  background-color: #000000; color: #ffffff; text-align: center; z-index: 2;
}
div.mp3-player {
  padding: 20px;
}
ul.notes-list {
}
.notes-list li {
  list-style-type: square; margin-bottom: 5px;
}
ol.track-list {
}
.track-list li {
  margin-bottom: 10px;
}
span.track-title {
  color: #009900; font-style: italic; font-weight: bold;
}