/* CSS Document */
body {
	background-color:#000000;
	color:#FFFFCC;
	border:0; 
	margin:0; 
	padding:0;
}
div#container {
	width:820px;  
	margin-left:auto; 
	margin-right:auto; 
	margin-top:20px; 
/* background image will be added in embedded styles in each cd lyrics template */
	background-position:0 0; 
	background-repeat:no-repeat;
}
div#content { /* this is the lyrics block for lyrics pages */
	background-color:#8cbcbc; 
	color:black;
}
div#navbar { /*this is the entire right hand bar, it encloses #nav-list and #lyricnav */
	margin-top:0px;
	float:right;
	width: 145px;
	
}
ul#nav-list {
	background-image:url(../Assets/vertnavbar3.gif); 
	background-repeat:no-repeat; 
	height:360px; 
	width:145px;
	margin-left:0; 
	margin-right:0; 
	margin-bottom:0; 
	padding:0; 
	position:relative; 
}
#nav-list li {
	margin:0; 
	padding:0; 
	list-style:none;
	position:absolute;
}
#nav-list li, #nav-list a {
	height:40px; 
	display:block; 
}

#nav-list span { display:none; }

#nav-home { left:0; width:145px; height:40px;}
#nav-home a:hover { background: transparent url(../Assets/vertnavbar3.gif) -145px -0px no-repeat; }
#nav-email { top:40px;  width:145px; height:40px; }
#nav-email a:hover { background: transparent url(../Assets/vertnavbar3.gif) -145px -40px no-repeat; }
#cart { top:80px;  width:145px; height:40px; } 
#cart a:hover { background: transparent url(../Assets/vertnavbar3.gif) -145px -80px no-repeat; }
#nav-performances {top:120px;  width:145px; height:40px; }
#nav-performances a:hover { background: transparent url(../Assets/vertnavbar3.gif) -145px -120px no-repeat; }
#nav-lyrics { top:160px;  width:145px; height:40px; } 
#nav-lyrics a:hover { background: transparent url(../Assets/vertnavbar3.gif) -145px -160px no-repeat; }
#nav-cddvds { top:200px;  width:145px; height:40px; }
#nav-cddvds a:hover { background: transparent url(../Assets/vertnavbar3.gif) -145px -200px no-repeat; }
#nav-media { top:240px;   width:145px;height:40px; } 
#nav-media a:hover { background: transparent url(../Assets/vertnavbar3.gif) -145px -240px no-repeat; }
#nav-guitarists { top:280px;  width:145px; height:40px; } 
#nav-guitarists a:hover { background: transparent url(../Assets/vertnavbar3.gif) -145px -280px no-repeat; }
#nav-blues { top:320px;  width:145px; height:40px; } 
#nav-blues a:hover { background: transparent url(../Assets/vertnavbar3.gif) -145px -320px no-repeat;}


/*The following content was removed from this css doc to be embedded in each lyrics file so it will
call up the correct morenav.gif.   morenav.gif  has Terraplane image.  morenavFC.gif has Feral Crow, etc.


ul#lyricnav { background-image:url(../Assets/morenav.gif);}
#morelyrics a:hover { background: transparent url(../Assets/morenav.gif) -145px -0px no-repeat; }
#cdicon a:hover { background: transparent url(../Assets/morenav.gif) -145px -40px no-repeat; }
#sample a:hover { background: transparent url(../Assets/morenav.gif) -145px -200px no-repeat; }
#buyit a:hover { background: transparent url(../Assets/morenav.gif) -145px -230px no-repeat; }
#printer a:hover { background: transparent url(../Assets/morenav.gif) -145px -270px no-repeat; }*/

ul#lyricnav { 
	background-repeat:no-repeat; 
	height:380px; 
	width:145px;
	margin-left:0; 
	margin-right:0; 
	margin-top:0; 
	padding:0; 
	position:relative; 
}	
#lyricnav li {
	margin:0; 
	padding:0; 
	list-style:none;
	position:absolute; 
	display:block; 
}
#lyricnav a { display:block; position:absolute; /* this position:absolute was the thing that kept things from working.  
It absolutely needs to be here, even though it seems it should inherit from the li */
}

#lyricnav span { display:none; }

#morelyrics li, #morelyrics a 

#cdicon li, #cdicon a { top:0; width:145px; height:160px;  }

#sample li, #sample a { top:160px;  width:145px; height:30px; border:0px solid red; }

#buyit li, #buyit a { top:190px;  width:145px; height:40px; border:0px solid yellow;} 

#printer li, #printer a {top:230px;  width:145px; height:110px; border:0px solid blue; } 

/*The lyrics box on lyrics pages:*/
div#content {
	position: relative; 
	top: 110px; 
	width:410px;
	float:right;
   	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px;  
	padding: 10px; 
   	border: solid #FFCC99;
	}

	
h1 {
	margin: -9px -9px 0.0em -9px; 
	padding: 15px 0 5px; 
	text-align: center; 
	background-color:#CC9966; 
	color: #002244; 
	letter-spacing: 0em; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:25px; height: 28px; 
}

h5 {
	margin: -12px -9px 0.5em -9px; 
	padding: 8px 0 0px; 
	text-align: center; 
	background-color:#CC9966; 
	color: #002244; 
	letter-spacing: 0.2em; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:25px; 
	height: 28px; 
}
h2 {
	text-align:center;
	background-color:#8cbcbc; 
	color:#002244; 
	font-size:16px; 
}

/*The songnotes box*/
div#songnotes {
	background-color:#CC9966;  
	color:#000000; 
	font: 13px Verdana, sans-serif; 
	margin-top: 410px; 
	width:206px;
	padding: 10px; padding-right:20px; 
   	border: solid #FFCC99; 
   }
div#snoverflow {background-color:#c96;   color:#000000; width:99%;
  font: 13px Verdana, sans-serif; padding: 3px; 
   border: solid #FFCC99;
   } 
   
 /*Guitar notes and Personnel are only on some lyrics pages */    
div#guitar {
	background-color:#EDDBBD; 
	color:#000000; 
	font: 13px Verdana, sans-serif; 
   	padding:3px;
   }
div#personnel {
	background-color:#DDC8A3; 
	color:black; 
	font:13px Verdana, sans-serif; 
	padding:3px;
} 



/*The #footer div is only for the print style sheet:  */
div#footer {
	display:none;
}