body,table { font-size: 12px; font-family: Arial, Helvetica; color: black }
body {margin:0px; background:#96AEBE;}
html.iframe {
  background:black;color:white;
  margin:4px;
  scrollbar-base-color:#C0C0C0;
  scrollbar-3dlight-color:#C0C0C0;
  scrollbar-arrow-color:black;
  scrollbar-darkshadow-color:#C0C0C0;
  scrollbar-shadow-color:#C0C0C0;
  scrollbar-highlight-color:#C0C0C0;
  scrollbar-track-color:#808080;
}

a { color: black }
a:active,a:hover { color: white }
a img {border:none}

div#mainbox {
   position:absolute;
   width:909px;height:515px;
   background:url(mainbox.gif);
}

div#navig {
   position:absolute;
   left:20px; top:20px;
}

img#button {
   position:absolute;
   left:54px; top:69px;
}

div#menu {
   position:absolute;
   left:4px; top:140px;
}

div#content {
   position:absolute;
   left:265px; top:24px;
   width:615px;height:460px;
   background:white;
}

iframe#contentfrm {width:607px;height:452px;overflow:auto;margin:4px;}

body.iframe, body.iframe table {
   background:black;
   margin:8px;
   color:white;
}

.iframe a { color: white }
.iframe a:active,a:hover { color: #DC2B19 }

div.index {
   text-align:center;
   margin-top:40px;
}

.index h1 {font-size:24px;font-weight:normal;margin:32px;}

.index p {color:#DC2B19;margin:0px 16px;}


div.banner {
   text-align:center;
   margin:16px 0px 24px 0px;
}

.banner iframe {border:solid 1px white;}


div.news {
   margin-left:24px;
}

.news h1 {color:#74C3F2;font-size:16px;margin:0px 0px 4px 0px;}

.news td {padding:1px 4px;font-size:14px;vertical-align:top;}

.news td.date {font-weight:bold;text-align:right;margin-right:8px;color:#DC2B19;}
.news td.city {font-weight:bold}

div.todo {
   text-align:center;
   color:#DC2B19;
   font-size:18px;
   margin-top:100px;
}

div.contact {font-size:14px;color:#DC2B19;text-align:center;}

.contact h1 {color:#74C3F2;font-size:20px;margin:20px 0px 0px 0px;font-weight:normal;}
.contact h2 {color:white;font-size:20px;margin:0px 0px 0px 0px;}
.contact h3 {font-size:18px;margin:0px 0px 0px 0px;}
.contact h4 {color:white;font-size:16px;margin:0px 0px 0px 0px;font-weight:normal;}

.contact a { color: #DC2B19 }
.contact a:active, .contact a:hover { color: white }

.contact div.download { margin-top:25px; margin-bottom:75px; color:#74C3F2; font-size:16px; }
.contact .download a { color:#74C3F2; }


div.history {font-size:14px;}
.history p {margin:2px 0px; text-align:justify;}
.history em {color:#DC2B19;font-style:normal}
.history b {color:#74C3F2}

div.cd {font-size:11px;}
.cd div.break {clear:both;height:12px;}
.cd img {float:left;margin-right:8px;margin-bottom:8px}
.cd h1 {font-size:18px;color:#DC2B19;font-weight:normal;margin:0;}
.cd h1 em {font-size:24px;font-style:normal;color:#74C3F2;}
.cd div.songs {font-size:12px;font-weight:bold;color:#DC2B19}
.cd .songs em, .cd .songs b {font-style:normal;color:white;}

div.mp3, .mp3 td {font-size:16px}
.mp3 td, .mp3 th {padding:0 2px 0 2px}
.mp3 th {font-size:14px; font-weight:normal; border-bottom:solid 1px white; }
.mp3 td.num, .mp3 td.name, .mp3 td.duration {font-weight:bold}
.mp3 td.num, .mp3 td.duration {text-align:right}
.mp3 .duration {padding-right:8px}
.mp3 td.name {color:#DC2B19; padding-left:4px; padding-right:8px}
.mp3 .spacing {width:16px;}
.mp3 a {color:#74C3F2;text-decoration:none}
.mp3 a {color:#DC2B19}
.mp3 a:active, .mp3 a:hover {color:#FFFFFF}
.mp3 .info {text-align:center; font-size:11px}

.lyrics {font-size:16px}
.lyrics div.list {margin-left:30px;}
.lyrics .list {font-size:16px}
.lyrics .list div.song {float:left;width:175px;margin-top:8px;}
.lyrics .list a {font-weight:bold;text-decoration:none}
.lyrics .list a:hover, .lyrics .list a:active {color:#DC2B19}
.lyrics .text {text-align:center}
.lyrics .text .title {font-size:18px; font-weight:bold; margin-bottom:12px}
.lyrics a.back {display:block;margin-top:12px;color:#DC2B19;font-size:12px}

div.photo {text-align:center}
.photo a img {width:100px; height:100px}
.photo a {display:block; float:left; margin:3px; border:solid 1px #C0C0C0}

