body {
background-color:#E3C833;
background-image: url(images/02_bg.jpg);
background-repeat: repeat-y;
color:#7B0503;
font-family:tahoma,arial,verdana,sans-serif;
font-size:11px;
line-height:12px;
text-align:justify;
letter-spacing:1px;
}

a:link {color:#92350A; text-decoration:underline;}
a:active {color:#92350A; text-decoration:underline;}
a:visited {color:#92350A;text-decoration:underline;}
a:hover {color:#770000;text-decoration:none;}

h3 {
color:#9F0402;
border-color:#9F0402;
border-bottom-width:3px;border-top-width:0px;border-left-width:0px;border-right-width:0px;
border-style:double;
font-family:georgia, serif, serif;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
line-height:13px;
letter-spacing:2px;
text-align:right;
padding:1px;
margin:0px;
}

h4 {
color:#AD2307;
font-family:georgia, serif, serif;
text-transform:uppercase;
font-size:9px;
font-weight:bold;
line-height:10px;
margin:0px;
}

div.footer {
color:#B1410F;
font-family:tahoma,arial,verdana,sans-serif;
text-transform:uppercase;
font-size:9px;
text-align:center;
padding:0px;
}

div.tracks {
margin: 0 98px 0 98px;
width: 274px;
border: 1px solid #92350A;
padding: 3px 3px 3px 3px;
}

div.player {
margin: 0 98px 0 98px;
width: 280px;
border: 1px solid #92350A;
padding: 0;
}

div.plynotes {
margin: 0 98px 0 98px;
width: 274px;
border: 0 none;
padding: 3px 3px 3px 3px;
text-align: left;
}

div.spacer {
height:145px;
}

div.spacer2 {
height:270px;
}

textarea, input, select {
font-family:tahoma,arial,verdana,sans-serif;
font-size:10px;
color:#972B07;
background:#D89113;
letter-spacing:1px;
border-color:#A6300A;
border-width: 3px;
border-style: double;
padding:2px;
overflow: hidden; /* hides scroll-bar in IE */
}

img {
border: 0px none;
vertical-align: text-bottom;
}

hr {
width: 100%;
border: none 0;
border-top: 1px solid #9F0402;
height: 1px;
text-align: center;
}

p.kmiddle {
text-align:center;
}

th.left {
font-weight: heavy;
vertical-align: top;
text-align: left;
}

th.right {
font-weight: normal;
vertical-align: top;
text-align: right;
}

#bigzelos {
position:absolute;
left:0px;
top:0px;
z-index:1;
}

#littlezelos {
position:relative;
left:-94px;
z-index:1;
}

#thecontent {
position:absolute;
left:94px;
top:310px;
width:476px;
z-index:2;
}

#thesidebar {
position:absolute;
left:8px;
top:365px;
width:75px;
line-height:9px;
font-family:tahoma,arial,verdana,sans-serif;
font-size:9px;
z-index:2;
}

/* for faux-<select> element in forms */
    input:focus {
      border: solid;
    }
    textarea:focus {
      border: solid;
    }
    select {
      display: block;
      width: 139px;
    }
    select.replaced {
      width: 1px;
      position: absolute;
      left: -999em;
    }
    ul.selectReplacement {
      background: url(images/arrow.gif) top right no-repeat #D89113;
      border: 3px double #A6300A;
      margin: 0;
      padding: 0;
      height: 1.45em;
      width: 139px;
    }
    ul.selectFocused {
      border: solid;
    }
    ul.selectReplacement li {
      color: #972B07;
      cursor: pointer;
      display: none;
      line-height: 1.6em;
      list-style: none;
      margin: 0;
      padding-left: 2px;
      width: 135px;
      font-size: 10px;
    }
    ul.selectOpen li {
      display: block;
      position: relative;
      background: #D89113;
      border-right: 1px solid #A6300A;
      border-bottom: 1px solid #A6300A;
      border-left: 1px solid #A6300A;
    }
    ul.selectReplacement li.selected {
      color: #972B07;
      display: block;
    }
    ul.selectOpen li.selected {
      background: #D89113;
      display: block;
    }
    ul.selectOpen li:hover,
    ul.selectOpen li.hover,
    ul.selectOpen li.selected:hover {
      background: #972B07;
      color: #D89113;
    }