body {position: relative; background: #414141; margin: 0; padding: 0;}

div#links {position: absolute; top: 62px; left: 18px; width: 166px; height: 700px; font: 16px Arial, Verdana, sans-serif; text-transform: lowercase; z-index: 200;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #ffffff; background: #555;
   border-right: 3px double #006666;}
div#links a:hover {color: #fff; background: #006666;
   border-right: 3px double white;}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 140px; left: 3px; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #EBF0F2; background: #414141;
   font: 10px Verdana, sans-serif; text-align: center;}
div#masthead {position: absolute; left: 17px; top: 18px; z-index: 200;}
div#masthead2 {position: absolute; left: 310px; top: 26px; z-index: 200;}
div#mp3logo {position: absolute; left: 356px; top: 38px; z-index: 100;}
div#content {position: absolute; top: 62px; left: 181px; right: 80px;
   color: #F1F4F5; background: #505050; 
   font: 13px Verdana, sans-serif; padding: 15px;
   border-top: double 3px #555; border-left: double 3px #006666; z-index: 100;}
div#content p {margin: 0 1em 1em; font-weight: 100;}
div#content h3 {margin-bottom: 0.25em; font-weight: lighter;}
div#content h4 {margin-bottom: 0.25em; font-weight: 600; margin-top: 5px}
div#asterisks {margin-bottom: .8em; color: #F1F4F5;}
table {color: #F1F4F5; font: 13px Verdana, sans-serif; padding: 15px; 
   }
div#logo {position: absolute; left: -150px; top: 86%; font-size: 11px; font-family: Verdana, sans-serif; display: block; text-align: center;}
  h4 {
    font-size: 120%;
    vertical-align: top;
  }
.borderit img{
border: 2px solid #006666;
}
.borderit:hover img{
border: 2px solid yellow;
}
.borderit:hover{
color: yellow; /* irrelevant definition to overcome IE bug */
}

.rss {border-width: 0;}
div#ftr {position: absolute; bottom: 40px; z-index: 2; color: #F1F4F5; width: 550px;
	border-top: #ffffff 1px solid; margin-top: 15px; font-size: 80%; padding-bottom: 5px; padding-top: 5px; border-bottom: #ffffff 1px solid; border-right-style: none; border-left-style: none; text-align: center;}

div#cc {position: relative; color: #EBF0F2; font: 11px Arial, Verdana, sans-serif; text-align: left; margin: .5em auto; width: 55%; border-width: 0;}

p.green {font: bold 18px sans-serif;}
table {color: #ffffff; font: 11px Arial, Verdana, sans-serif; padding: 4px; text-align: center;}
h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: center; background: #333; color: #667; letter-spacing: 0.5em; text-transform: lowercase; font: bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
code, pre {color: #EDC; font: 110% monospace;}
div#content a.red:link {color: white;  text-decoration: underline;}
div#content a.red:visited {color: #BBC; text-decoration: none;}
div#content a.red:hover {color: yellow; text-decoration: none;}
div#content a:link {color: white;  text-decoration: none;}
div#content a:visited {color: #BBC; text-decoration: none;}
div#content a:hover {color: yellow; text-decoration: underline;}