<!-- general styles -->

body {
    background-color: #222222;
    color: #6699ff;
    font-size: small;
    font-family: Verdana, Helvetica, sans-serif;
}

a:link { 
    color: #ffff99; 
    text-decoration: none;
}
a:active { 
    color: #ffff99; 
    text-decoration: none;
}
a:visited { 
    color: #bbbbbb;
    text-decoration: none;
}
a:hover {
    color: #ffff99;
    text-decoration: underline;
}

input.button2 { 
    background-color: rgb(40,40,40);
    color: rgb(102,153,255);
    border-left: 1px solid rgb(200,200,200);
    border-right: 1px solid rgb(30,30,30);
    border-top: 1px solid rgb(200,200,200);
    border-bottom: 1px solid rgb(30,30,30)
}


<!-- main page styles -->

span.newsitem {
    color: #ffffff;
    font-weight: bold;
}

p.splash {
    text-align: center;
    font-size:  x-small;
}

p.news {
    text-align: justify;
}

<!-- footer styles -->

p.footer {
    font-style: italic;
    font-size: x-small;
    text-align: justify	;
}

<!-- header styles -->

p.header {
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
    font-size: large;
    text-align: center;
}

<!-- navigation bar styles -->

p.navbarp {
    padding: 5%;
    line-height: 150%;
}
table.navmenu { 
    width: 95%;
    border-color: #6699ff;
    border-width: thin;
    border-style: solid;
    font-size: xx-small;
    border-collapse: collapse;
}
td.navmenuheader { 
    background-color: #888888;
    color: #ffffff;
    font-weight: bold;
    border-color: #6699ff;
    border-bottom: thin;
    border-style: solid;
}
td.navmenuitem { 
    background-color: #555555;
}
img.navbarlogo {
    border-width: 0;
    width: 95%;
}
img.bannerlogo {
    height: 50px;
    width:  50px;
}
a.navbar:visited {
    color: #ffff99;
}

<!-- lot music styles -->

a.sort:visited {
    color: #ffff99;
}

p.commentp {
    text-align: center;
    line-height: 400%;
}
p.comment {
    text-align: center;
}
span.artistname {
    font-size: medium;
    color: #ffffff;
}
span.songname {
    font-size: large;
    color: #ffffff;
    text-decoration: underline;
}
span.comment {
    text-align: justify;
}

table.music { 
    width: 100%;
    border-color: #6699ff;
    border-width: thin;
    border-style: solid;
    border-collapse: collapse;
    font-size: x-small;
    color: #ffffff;
}
td.odd { 
    background-color: #888888;
}
td.even { 
    background-color: #555555;
}
td.musicheader {
    background-color: #555555;
    color: #6699ff;
    text-align: center;
    font-size: x-small;
    font-weight: bold;
    border-color: #6699ff;
    border-width: thin;
    border-style: solid;
    padding: 5%;
}
td.filterheader {
    background-color: #555555;
    color: #6699ff;
    text-align: center;
    font-size: x-small;
    font-weight: bold;
    border-color: #6699ff;
    border-width: thin;
    border-style: solid;
}
input.button { 
    background-color: #888888;
    color: #ffff99;
    font-weight: bold;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #222222;
    border-bottom: 1px solid #222222;
    border-top: 1px solid #cccccc;
}