body 
{
  background-color:white;
/*  color:#49c; */
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1
{
  color:#49c;
  font-style:italic;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

h2
{
  color:#49c;
  font-style:italic;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

h3
{
  color:#49c;
  font-style:italic;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

h4
{
  color:#49c;
  font-style:italic;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

h4.song
{
  margin-left:10%;
  color:#49c;
  font-style:italic;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

strong
{ 
  color:red;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

p
{
  color:black;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

p.indent
{
  margin-left:5%;
  margin-right:20%;
  color:black;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

p.verse
{ 
  margin-left:10%;
  color:black;
}

p.annotation
{
  color:black;
  margin-left:10%;
  margin-right:10%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:link
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:visited
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

td
{
  color:blue;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

em
{
  color:red;
  font-weight:bold;
  font-style:italic;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}


em.devil
{
  color:#red;
  font-weight:bold;
  font-style:italic;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

table.imagedir
{
  border:0
  
}

/* Container for annotation text. */          
#annotation                                                                          
{
   margin-left: 5%;
   margin-right: 5%;
   color: #49c;
   font-size: 1.0em;
   line-height: 1.5em;
   background-color: #fff;
/*  border: 1px solid gray; */
}

#annotation p
{
  color: #49c;
}

/* Container for directories block. */                                                    
#directories
{
  background-color: #44a;
  color: #99f;
}

#directories a {
  display:block;
  text-decoration:none;
  font-size: 1em;
  font-weight:normal;
  color:white;
}                     

#directories a:visited {
  color: #fb4;
}

#directories a:hover {
   color:#f00;
}
    
/* Box with thin black line around edge and a background color */
#imageblock
{
  display: normal;
  background-color: #fff; /* #ddd; */                                               
  color: #333;                                                                      
  border: 1px solid gray;
/*  line-height: 130%; */                                                           
}                                                                                   

#imageblock table
{
   display: inline;
}

#imageblock a {
  display: normal;
  text-decoration:none;
  font-weight:normal;
  color:#fff;
}                     

#imageblock a:hover 
{
   display: normal;
   color:#fb2;
}

#image
{
  align: center;
  display: table;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid gray;
}

#image img
{
   border: 0px;
}

#image table
{
  align: center;
  border: 0px;
}

#button
{
  display: normal;
}

#button td
{
  color: #86f;
}

#info ul {
  display: inline;
  margin:0;
  padding:10px 10px 0;
  list-style:none;
}

#info li
{

}

#caption
{
  font-size: 1em;
  font-style: oblique;
  font-weight: bold;
  color: #86f;
}

#details
{
  align: left;
  font-size: .75em;
}

#details table
{
  border: 0px;
  font-size: 1em;
}

#details td
{
  color: #86f;
}

#details strong
{
  color: #333;
  font-weight: bold;
}

#controls
{
  width: 100%;
  background-color: #333;
  color: #333;
}

#controls table
{
  border: 0px;
}

#controls a {
  display:block;
  text-decoration:none;
  font-size: 1em;
  font-weight:normal;
  color:white;
}

#controls a:visited {
  color: #fb4;
}

#controls a:hover {
   color:#f00;
}