


  body
  {
  color: #dddcff;
  background-color:#0000FF;   /*      this colour is blue;*/
  font-family: arial, verdana, trebuchet, sans-serif;
  line-height: 1.5;
  }

  H2
  {
  color: #ffff33;
  line-height:25px;
  margin-top: 0.75em; margin-bottom: 2em; /*margin added 20111113*/
  }

  Table .headerrow
  {width:80%;
  height:35px;
  margin:0;
  padding:0;}

  a:link
  {color: #ffff33; border-bottom: 2px  #fcc; }
/*<!--{color: #66ff66; border-bottom: 2px; dotted #fcc }-->*/
  a:visited
  {color:#ffff33; border-bottom: 2px  #fcc; }
/*<!--{color: #99ff33; border-bottom: 2px; dotted #fcc }-->*/
/*  a:hover
  {color: #cc6666; border-bottom: 2px; dotted #fcc }      */


  #main {
	width: 80%;
	max-width: 1000px;
	color: #33ccff;
    background-color:#0000ff;
/*	border: #00ffff solid medium;*/ /* remove if you don't want a border */
	margin: 2em auto;
	padding: 1em;
	}

  p
   {
   /*display: clear;*/
    padding: 50px;
    border: 4px #00ccff solid;
    line-height:1.0;
    text-align: center;
    }

  .transcriptions
  {
  padding-bottom: 25px;
  border: 0px #00ccff solid;
  line-height:1.0;
  text-align: center;
  }


  img {
	float:left;
   clear:right;
   *clear:top;          /*recently reinstated*/
    margin-top: 10px;
    margin-bottom: 15px;
    margin-right: 50px;
    margin-left: 25px;
    padding: 25px 5px 25px 15px;
    height:auto;
    width:325px;
  }

  .singer {         /*use this for images of singers*/
   float:right;
  /* clear:right;
   clear:top;  */
    height:auto;
    width:100px;
  }

  .title
  {
  font-size: 21pt;
  font-family: arial, verdana, trebuchet, sans-serif;
  font-weight: bold;
  }

  .alt
  {
  font-size: 18pt;
  font-family: arial, verdana, trebuchet, sans-serif;
  font-weight: normal;
  }
  .label {
  font-size: 10pt;
  font-family: arial, verdana, trebuchet, sans-serif;
  font-weight: bold;
   }
   
  .matrix
  {
  font-size: 10pt;
  font-family: arial, verdana, trebuchet, sans-serif;
  font-weight: bold;
  }

  .band            
  {                
  font-size: 12pt;
  font-family: arial, verdana, trebuchet, sans-serif;
  font-weight: bold;
  }

  .solo            
  {
  font-size: 10pt;
  font-family: arial, verdana, trebuchet, sans-serif;
  font-weight: normal;
  }

  .voc
  {
  font-size: 10pt;
  font-family: arial, verdana, trebuchet, sans-serif;
  font-weight: normal;
  }

  .ref
  {
  font-size: 11pt;
  font-family: arial, verdana, trebuchet, sans-serif;
  font-weight: normal;
  }

  .hear
  {
  font-size: 9pt;
  font-family: arial, verdana, trebuchet, sans-serif;
  font-weight: normal;
  }

  .update
  {font-size: 8pt;
   font-color:#ffff33;
   }

/*font for song titles in the transcription page*/
  .tt
   {
  font-size: 10pt;
  font-family: arial, verdana, trebuchet, sans-serif;
  font-weight: bold;
  }


/*this bit is added 20090131 1400*/
/*  div.float {
  float: left;
  }                           */


  /*
  <!-- this is the navigation bar-->
  <IFRAME src="DoojiCollectionNavigationBar.html" width="100%" height="75px"  scrolling="auto" frameborder="0"
  marginwidth='0' marginheight='0' hspace='0' vspace='0'>
  [Your user agent does not support frames or is currently configured not to display frames. However, you may visit
  <A href="DoojiCollectionNavigationBar.html">Dooji Collection Navigation Bar</A>]
  </IFRAME>


<br /><br /><br />
<table align=right width=30%>
 <tr>
    	<td align=right>
	   	<font class=ref>Page created by David Palmquist
    	<br><A href="http://EllingtonWeb.CA"target=_blank>http://EllingtonWeb.CA</a>
	   	</font>
    	</td>
        </tr>
</table>
*/


