body, html
{
  margin: 0px;
  padding: 0px;
  border: 0;  
  font-family: Arial;
  font-size: 1em;
  background-color: #330033;
  height: 100%;
  color: #ffffff;
}

#mainLayoutTable
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: none;
}

#titleLogo
{
    padding: 5px;
}

#titleText
{
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

#menu
{
    padding: 5px;
    text-align: right;
    vertical-align: top;
}

#menuTable
{
    width: 100%;
}

#menuTable td
{
    font-size: 1.1em;
    text-align: right;
    padding: 5px;
    font-weight: bold;
}

a
{
    text-decoration: none; 
    color: #ffffff;
}

#menuTable a
{
   padding: 5px;
   border-right: solid 1px #770000;
   border-bottom: solid 1px #770000; 
}

#menuTable a:hover
{
   padding: 5px;
   border-right: solid 1px #ffffff;
   border-bottom: solid 1px #ffffff; 
}

#menuTable a.currentLink
{
   color: Orange;
   padding: 5px;
   border-right: solid 1px Orange;
   border-bottom: solid 1px Orange; 
}

#content
{
    padding: 5px;
    text-align: left;
    vertical-align: top;
}

#content span, h1, h2, h3, h4, h5, #content a
{
    color: Orange;
}

#content hr
{
    border-bottom-style: solid;
    color: Orange;
    height: 1px;
}

#content a
{
}

#content a:hover
{
}

#lyricsToc ol li a
{
    color: Orange;
}

#lyricsToc ul li a
{
    color: Orange;
}

#lyricsToc ol, ul
{
    color: Orange;
    font-size: 0.9em;    
}

#footer
{
    /* border-top: solid 1px #ffffff; */
    margin: 10px;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    vertical-align: top;
}

#footer a:hover
{
    text-decoration: underline;
}