a:link {color: blue;}
a:visited {color: blue;}
a:hover {color: red;}
a:active {color: red;}
a.button:link {color: white;}
a.button:visited {color: white;}
a.button:hover {color: red;}
a.button:active {color: red;}
a.button {text-decoration: none;}

html          {scrollbar-face-color: lime;
               scrollbar-highlight-color: midnightblue;
               scrollbar-3dlight-color: lightskyblue;
               scrollbar-darkshadow-color: darkgreen;
               scrollbar-shadow-color: honeydew;
               scrollbar-arrow-color: midnightblue;
               scrollbar-track-color: deepskyblue;
              }


			  
body.dark         {background-color: lime;
               background-image: url("artwork/background.jpg");
               background-repeat: repeat-x;
              }
			  
body          {background-color: lime;
               background-image: url("artwork/background.jpg");
               background-repeat: repeat-x;
              }

div.logodark,			  
div.logo      {position: absolute;
               z-index: 1;
               top: 0px;
               left: 0px;
               width: 1000px;
               padding-top: 400px;
              }
			  
div.logo      {background-image: url("artwork/background2.jpg");}
div.logodark     {background-image: url("artwork/background2.jpg");}

.logotrans	{position: absolute; 
			top: 35px; 
			left: 175px; 
			width: 465px; 
			height: 140px; 
			border: 0px;
			}

.tagline		{position: absolute; 
			top: 130px; 
			left: 275px; 
			font-family: arial; 
			font-size: 12px; 
			font-weight: bold; 
			color: white; 
			letter-spacing: 0.2em; 
			text-decoration: none;
			}
			  
div.textbodyxx  {position: absolute;
               z-index: 2;
               background-color: #87cefa;
               background-image: url("artwork/Home Background.jpg");
               top: 37%;
               left: 22%;
               width: 650px;
               padding-left: 5%;
               padding-right: 2%;
               padding-top: 2%;
               padding-bottom: 2%;
               font-family: Comic Sans MS;
               font-size: 16px;
               font-style: italic;
               filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
			   border: 2px inset;
			   border-color: darkslateblue lightskyblue  lightskyblue darkslateblue;
              }
              
div.textbody  {position: absolute;
               z-index: 2;
               background-image: url("artwork/Back.png");
               background-repeat: no-repeat;
               top: 37%;
               left: 22%;
               width: 650px;
               padding-left: 5%;
               padding-right: 2%;
               padding-top: 2%;
               padding-bottom: 2%;
               font-family: Comic Sans MS;
               font-size: 16px;
               font-style: italic;
              }
              
div.album01   {background-image: url("artwork/Sailor Background.jpg");}			  
div.album02   {background-image: url("artwork/Sixpence Background.jpg");}			  
div.albumC01   {background-image: url("artwork/Lullabies Background.jpg");}			  
div.albumC02   {background-image: url("artwork/Baby Lullabies Background.jpg");}			  

div.album01,			  
div.album02,
div.albumC01,
div.albumC02  {position: absolute;
               z-index: 2;
               background-image: url("artwork/Back.png");
               background-repeat: no-repeat;
               top: 37%;
               left: 22%;
               width: 650px;
               padding-left: 5%;
               padding-right: 2%;
               padding-top: 2%;
               padding-bottom: 2%;
               font-family: Comic Sans MS;
               font-size: 16px;
               font-style: italic;
              }



div.buttons   {position: absolute;
               background-color: #CCFFCC;
               z-index: 2;
               top: 293px;
               left: 35px;
               width: 160px;
               padding-left: 0%;
               padding-right: 0%;
               padding-top: 0%;
               padding-bottom: 300px;
              }
			  
div.navbardark,
div.navbar    {position: absolute;
               top: 210px;
               left: 20px;
               width: 300px;
               height: 300px;
               padding-left: 0%;
               padding-right: 0%;
               padding-top: 0%;
               padding-bottom: 0%;
              }

div.navbarx    {  background-color: #CCFFCC;
			  background-image: url("artwork/Under Buttons.jpg");}

div.navbardark {background-color: #CCFFCC;
			  background-image: url("artwork/Under Buttons.jpg");}
              
div.navhome        {position: absolute;
               top: 25px;
               left: 25px;
               text-decoration: none;
              }
div.navabout   {position: absolute;
               top: 65px;
               left: 25px;
               text-decoration: none;
              }
div.navrhymes   {position: absolute;
               top: 105px;
               left: 25px;
               text-decoration: none;
              }              
div.navcontact  {position: absolute;
               top: 145px;
               left: 25px;
               text-decoration: none;
              }
div.navlink        {position: absolute;
               top: 185px;
               left: 25px;
               text-decoration: none;
              }

div.otheralbums {position: absolute;
               top: 455px;
               left: 20px;
               width: 300px;
               height: 600px;
               padding-left: 0%;
               padding-right: 0%;
               padding-top: 0%;
               }
               
.otheralbums2  {font-family: Comic Sans MS;
               font-size: 12px;
               text-align: center;
               position: absolute;
               top: 20px;
               left: 20px;
               z-index: 1;
               padding-right: 50px;
              }
         
              
td.albumhead  {font-size: 19px;
               font-style: normal;
               text-align: center;
              }

td.songtitle  {width: 280px;
               text-align: left;
              }

td.buynow     {width: 360px;
               height: 40px;
               text-align: right;
               padding-right: 15px;
              }

td.time       {font-family: Times New Roman;
               font-size: 15px;
               font-style: italic;
               text-align: right;
               width: 40px;
              }

td.price      {width: 40px;
               font-size: 15px;
               font-style: normal;
              }

div.credits   {font-size: 12px;
               font-style: normal;
               text-align: right;
			   position: absolute;
			   top: 120px;
			   left: 200px;
			   width: 270px;
			   height: 40px; 
              }

div.v1others   {font-size: 10px;
               line-height: 10px;
               font-style: normal;
               text-align: center;
			   position: absolute;
			   top: 230px;
			   left: 10px;
			   width: 160px;
              }

td.na         {width: 80px;
               font-size: 12px;
               line-height: 12px;
               font-style: italic;
               text-align: center;
              }

div.rhyme       {background-color: #87cefa;
			   width: 500px;
               position: absolute;
               top: 180px;
		       left: 200px;
			   border: 2px inset;
			   border-color: darkslateblue lightskyblue  lightskyblue darkslateblue;
               font-family: Comic Sans MS;
               font-size: 18px;
               line-height: 25px;
               text-align: center;
              }

div.copyright   {font-family: Times New Roman;
               font-size: 10px;
               font-style: italic;
               position: absolute;
               left: 20px;
               width: 690px;
              }

p.links       {font-family: Comic Sans MS;
               font-size: 12px;
               line-height: 15px;
               font-style: normal;
               text-align: left;
              }

.albumlisting {font-size: 12px;
               text-align: right;
               font-style: normal;
              }

.albumlisting2 {font-size: 12px;
               line-height: 13px;
               text-align: Left;
               font-style: normal;
              }

.albumlisting3 {font-size: 16px;
               line-height: 16px;
               text-align: Left;
               font-style: normal;
              }
div.listalbum,			  
div.listalbum2,
div.listalbumC1,
div.listalbumC2   {font-size: 10px;
               text-align: left;
               font-style: normal;
			   line-height: 15px; font-family: Arial; letter-spacing: -.04em;
			   position: absolute;
			   left: -10px;
			   width: 180px;
              }			  

div.listalbum    {top: 280px;}			  
div.listalbum2   {top: 240px;}			  
div.listalbumC1 {top: 240px;}
div.listalbumC2 {top: 300px;}

h1            {font-family: Comic Sans MS;
               font-size: 28px;
               text-transform: Capitalize;
               font-style: normal;
               width: 580px;
               text-align: center;
               letter-spacing: -.04em;
               word-spacing: -.15em;
               position: absolute;
               top: 3px;
               left: 10px;
              }

h2            {font-family: Times New Roman;
               font-size: 13px;
               font-style: italic;
               width: 580px;
               text-align: center;
               letter-spacing: -.04em;
               position: absolute;
               top: 70px;
               left: 10px;
              }

u             {font-size: 24px;
               text-transform: uppercase;
               line-height: 45px;
               font-style: normal;
			   font-weight: bold;
               letter-spacing: -.04em;
              }

.hiddenPic    {display:none;}


td.widebutton {background-image: url("artwork/longbutton.png");
               background-repeat: no-repeat;
               width: 160px;
               height: 40px;
               text-align: center;
               font-family: Comic Sans MS;
               font-size: 16px;
               font-style: normal;
               line-height: 15px;
               z-index: 2;
               padding-top: 12px;
               padding-bottom: 0px;
               max-height: 40px;
              }

td.smallbutt1 {background-image: url("artwork/shortbutton.gif");
               background-repeat: no-repeat;
               width: 80px;
               height: 40px;
               text-align: center;
               font-family: Comic Sans MS;
               font-size: 16px;
               font-style: normal;
               line-height: 15px;
               z-index: 2;
               padding-top: 12px;
               padding-bottom: 0px;
               max-height: 40px;
              }

td.smallbutt2 {background-image: url("artwork/shortbutton.gif");
               background-repeat: no-repeat;
               width: 80px;
               height: 40px;
               text-align: center;
               font-family: Comic Sans MS;
               font-size: 16px;
               font-style: normal;
               line-height: 15px;
               z-index: 2;
               padding-top: 6px;
               padding-bottom: 0px;
               max-height: 40px;
              }

.printbutt,              
.prevsong,
.nextsong,
.albumlink,
.albbutt,
.cdbutt,
.wsbutt,
.basketbutt,
.buybutt,
.listenbutt,
.sharebutt,
.alphabutt,
.prevpage     {background-repeat: no-repeat;
             height: 40px;
             font-family: Arial;
             font-size: 16px;
             font-style: normal;
             line-height: 15px;
             z-index: 2;
             max-height: 40px;
			 color: white;
            }



.printbutt,
.albbutt,
.cdbutt,
.wsbutt,
.basketbutt,
.buybutt,
.sharebutt,
.listenbutt     {width: 100px;}			  

.basketbutt     {position: absolute;
			   top: 20px;
			   left: 600px;
              }

.albbutt,
.cdbutt,
.wsbutt,			  
.buybutt           {position: absolute;
			  }
			  
.buybutt            {top: 120px;
			   left: 600px;
              }
			  
.topbutt,			  
.smallbuybutt   {background-repeat: no-repeat;
               height: 15px;
               font-family: Arial;
               font-size: 11px;
               font-style: normal;
               line-height: 12px;
               z-index: 2;
               max-height: 15px;
			      color: white;
               position: absolute;
               top: 0px;
               right: 55px;
              }
              
.topbutt	    {top: 18px;}
			 
.albbutt            {top: 180px;
			   left: 40px;
              }

.cdbutt            {top: 240px;
			   left: 40px;
              }

.wsbutt            {top: 300px;
			   left: 40px;
              }
              
.listenbutt     {position: absolute;
			     top: 120px;
			     left: 480px;
             }			  
    

.sharebutt	    {position: absolute;
			     top: 70px;
			     left: 600px;
             }			  
			 
.printbutt     {position: absolute;
			     top: 10px;
			     left: 390px;
             }			               
             
.listenbutt:link {color: white;}
.listenbutt:visited {color: white;}
.listenbutt:hover {color: red;}
.listenbutt:active {color: red;}

.prevsong,
.nextsong,
.albumlink,
.prevpage   {width: 160px;
            position: absolute;
		   }
           
.prevsong   {left: 20px;}  
   
.nextsong,
.prevpage   {left: 545px;}

.albumlink {left: 290px;}	
		  
.smallbuttontxt  {position: absolute;
			   top: 6px;
			   color: white;
            z-index: 3;  
            left: 20px;
			  }
           
.widebuttxt,
.navbuttxt,
.sharebuttxt,
.alphatxt,
.albbuttontxt,
.buttontxt  {position: absolute;
			   top: 15px;
			   color: white;
            z-index: 3;            
			  }

.sharebuttxt  { top: 7px;
               left: 10px; 
               text-align: center;
               width: 80px;			   
			 }
			 
.buttontxt  {left: 40px;
			  }
           
.albbuttontxt  {left: 40px;
            top: 5px;
			  }

.widebuttxt {position: absolute;
			   top: 10px;
            width: 160px;
            height: 40px;
            text-align: center;
			  }
.widebuttxt:link {color: white;}
.widebuttxt:visited {color: white;}
.widebuttxt:hover {color: red;}
.widebuttxt:active {color: red;}	

.navbuttxt  {position: absolute;
			   top: 15px;
            width: 160px;
            height: 40px;
            text-align: right;
            font-family: Arial;
            font-size: 14px;
            font-style: normal;
            line-height: 15px;
            text-decoration: none;
			  }
.navbuttxt:link {color: white;}
.navbuttxt:visited {color: white;}
.navbuttxt:hover {color: red;}
.navbuttxt:active {color: red;}	
		  
.listenplay    {position: relative;
              top: 8px;
              left: 8px;
			     width: 28px;
              z-index: 3;
              }			  
.homebutt,
.rhymesbutt,
.contactbutt,
.linksbutt    {text-align: right;
               font-family: Comic Sans MS;
               font-size: 16px;
               font-style: normal;
               line-height: 15px;
               z-index: 2;
               position: absolute;
               text-decoration: none;
               width: 175px;
              }

.homebutt     {top: 25px;
              }

.rhymesbutt   {top: 55px;
              }

.contactbutt  {top: 95px;
              }

.linksbutt    {top: 135px;
              }

.navart,
.wideart,
.widetrans    {position: absolute; 
               top: 0px;
               left: 0px;
               border: 0;
              }
              
.widetrans    {z-index: 4; 
               height: 46px;
              }         
              
.wideart         {z-index: 2;
              width: 160px;
              height: 40px;
              }

.navart          {z-index: 2;
             height: 40px;
             width: 175px;
              }
              
.smalltrans   {position: relative;
               top: -29px;
               left: -3px;
               z-index: 3;
               border: 0;
               width: 80px;
               height: 10px;
              }
			  
.smallbaskettrans,
.alphatrans,
.baskettrans   {position: absolute;
               top: 0px;
               left: 0px;
               z-index: 3;
               border: 0;
              }
              
.baskettrans   { width: 100px;
               height: 40px;
              }              

.smallbaskettrans   { width: 50px;
               height: 20px;
              } 
              
.pleasenote {text-align: left;
			  padding-left: 10px;
               font-family: Comic Sans MS;
               font-size: 12px;
               font-style: normal;
               line-height: 12px;
               z-index: 2;
               position: absolute;
               text-decoration: none;
            }
            
			  
img.smallcover          {width: 40px;
               height: 40px;
			   border: 1px outset;
			   border-color: darkslateblue lightskyblue  lightskyblue darkslateblue;
              }              
			  
img.cover          {width: 160px;
               height: 160px;
			   border: 2px outset;
			   border-color: darkslateblue lightskyblue  lightskyblue darkslateblue;
              }

div.coverx           {background-color: #87cefa;
			   width: 180px;
               position: absolute;
               top: 120px;
		       left: 10px;
			   border: 2px inset;
			   border-color: darkslateblue lightskyblue  lightskyblue darkslateblue;
			  }
div.cover           {width: 180px;
               height: 700px;
               position: absolute;
               top: 120px;
		       left: 10px;
			  }
           
div.homelist  {width: 675px;
           position: absolute;
           left: 10px;
			  padding-left: 10px;
			  padding-right: 10px;
          }
          
div.homevollist
                        {background-color: #87cefa;
           width: 450px;
           position: absolute;
           top: 50px;
           left: 210px;
           text-align: right;
			  border: 2px inset;
			  border-color: darkslateblue lightskyblue  lightskyblue darkslateblue;
			  padding-left: 10px;
			  padding-right: 10px;
          }
          
div.footer          {width: 600px;
               position: absolute;
               top: 100%;
		       left: -180px;
			   border: 2px inset;
			   border-color: darkslateblue lightskyblue  lightskyblue darkslateblue;
			  }			



.alphabutt	{height: 30px;}
.alphatrans	{	height:30px;
				width: 30px;
			}
.alphatxt     { top: 5px;
               left: 0px; 
               text-align: center;
               width: 30px;			   
			 }
.alphalist   {position: absolute; top: 18px; right: 80px;
              }			 
			  
.alphlist           {width: 100%;
               height: 40px;
               position: relative;
               left: 0px;
               top: 5px;}
			   
.alblist           {width: 100%;
               height: 22px;
               position: relative;
               left: 0px;
               top: 5px;}
               
.alblistplay   {position: absolute; top: 3px; right: 60px;
              }
              
.alblistrhyme  {position: absolute;
               top: 2px;
               right: 80px;
              }
.