html{height: 100%}
body {
  height: 100%;
  padding: 0px;
  margin: 0px;
  font-family: Arial, Georgia, "Times New Roman",
        Times, serif;
  background-color: #FFFFFF}
a:link{color: #C40000;text-decoration:none}
a:hover{color: #FF3333;text-decoration:none}
a:visited{color: #C40000;text-decoration:none}
img{border:0px}
h1,h2 {
  font-size: 22px;
  font-weight: bold;
  padding: 0px;
  margin: 0px}
.bar {
  background-color: #343434;
  width:90%;
  height:5px}
p{
  font-size: 18px;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 50px;
}
.genContainer{
  width: 100%;
  float:left;
  padding-bottom: 50px;
  -background-color: #333333;
  margin: 0px}
.centerContainer{
  width: 100%;
  -float:left;
  -background-color: #FF0000;
  background-position: right;
  background-image:url('images/design-border-east-bk.png');
  background-repeat: repeat-y}
div.container {
  width: 100%;
  height:100%;
  background-image:url('images/design-top-bk.png');
  background-repeat: repeat-x;
  background-position: top}
div.east {
  text-align: right;
  float: left;
  height:100%;
  width:5%;
  background-position: right;
  background-image:url('images/design-border-east-bk.png');
  background-repeat: repeat-y}
div.west {
  float: left;
  height:100%;
  width:5%;
  background-image:url('images/design-border-west-bk.png');
  background-repeat: repeat-y}
div.centre {
  width:100%;
  height:100%
}
.content{width: 90%; -float:left; -height:100%; -background-color: #AA00AA;
  padding-left:5%;
  background-image:url('images/design-border-west-bk.png');
  background-repeat: repeat-y}
div.top{height:305px; width:100%; -float:left;
  background-position: right;
  background-image:url('images/design-border-east.png');
  background-repeat: no-repeat}
div.topRedBox{
  width:95%;
  height:29px;
  -background-image:url('images/design-border-top-bk.png');
  background-repeat: repeat-x}
div.logo {
  height:219px;
  width:95%;
  background-position: center;
  background-image:url('images/design-logo.png');
  background-repeat: no-repeat;
  --background-color: #141414 }
div.nav {
  height: 43px;
  margin-top:7px;
  font-size: 22px;
  color: #DFB5B5;
  vertical-align: bottom}
.navitem {
  height: 100%;
  padding-right: 50px;
  text-align: center;
  float:left}
.navitem:hover {
  background-position: center bottom;
  background-image:url('images/design-arrow.png');
  background-repeat: no-repeat}
.navitem a:link{
  color: #DFB5B5;
  text-decoration:none
}
.navitem a:visited{
  color: #DFB5B5;
  text-decoration:none
}
.navitem a:hover{
  color: #FFFFFF}
.activenavitem{
  height: 100%;
  color: #FFFFFF;
  padding-right: 50px;
  text-align: center;
  float:left;
  background-position: center bottom;
  background-image:url('images/design-arrow.png');
  background-repeat: no-repeat}
.activenavitem a:link{
  color: #FFFFFF;
  text-decoration:none}
.activenavitem a:visited{
  color: #FFFFFF;
  text-decoration:none}
.footer	{-margin-top:100px;font-size: 10px; color: #aaaaaa; text-align: center; -width:100%}
.newspanel {
  font-size: 18px;
  margin-right:50px;
  margin-top: 20px;
  float:left}
.newspanel a:hover{color: #FF3333;text-decoration:none}
.bottom {
  float:left;
  width:100%;
  -height:100%;
  background-color: #141414;
  color: #FFFFFF;
  position: relative}
.bottomContent {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  float:left}
.bottomLinks {  margin: 10px}
.album{border-style: solid; border-width:1px; border-color: #FFFFFF; text-align: center; float:left; width: 200px; height: 120px; padding:20px; font-size: 10px}
.album:hover{background-color:#EEEEEE; border-style: solid; border-width:1px; border-color: #AAAAAA}
.albumPanel{float:left; margin:20px}
.song{border-style: solid; border-width:1px; border-color: #FFFFFF; width: 100%; -height: 120px; padding:2px; font-size: 12px}
.song:hover{background-color:#EEEEEE; border-style: solid; border-width:1px; border-color: #AAAAAA}
.alert{font-size: 18px; background-color:#EEEEEE; border-style: solid; border-width:1px; border-color: #AAAAAA; padding:10px; margin-bottom:50px}
