/* Palette
dark purple: #564980
med purple: #6D5F99
light pur: #978bbc
lighter pur: #c9b8ff
lightest pur: #d7cdf8
dark-dark teal: #1e7b82
dark teal: #55959a
med teal: #66a2a7
light teal: #8ac4c9
gray-green: #a6b2a5
dark gray text: #535353
darker gray text: 403e3e
light buff: #fffde7
darker buff: #e9e6c7
border- med buff: #e2dfbf

graphic font: Dumbledor 3 Wide
*/

body { font-family: Arial, Verdana, sans-serif; 
       font-size: 85%; 
       color: #403e3e3; 
		background-color:#fffde7 ;
		margin-top:2px;
     }

@media screen { 
 #showurl {display:none;}
}


A:link { color: #1e7b82; text-decoration: none; }
A:active { color: #6D5F99 }
A:visited { color: #66a2a7; text-decoration: none; }
A:hover {text-decoration: underline; }


li, td, p {font-family: Arial, Verdana, sans-serif; }



h1 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 180%;
margin-bottom: 4px;
}

h2 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 130%;
margin-bottom: 14px;
margin-top: 4px;
}

h3 {
font-family: "trebuchet MS", Arial, sans-serif; 
font-size: 110%;
font-weight: bold; 
margin-bottom: 4px;
margin-top:0;			
}


div#media {
/* border: 1px solid #ABB6B6;  */
border: none;
background-color: #e9e6c7; /* lt blue C3DCFF ; */ 
padding: 6px 10px 6px 10px; 
margin-left:30px;
margin-right:30px;
min-width: 350px;
max-width: 600px;
position:relative;
border: 2px solid #e2dfbf;

}

div#media p {
font-family: "trebuchet MS", Arial, sans-serif; 
font-size: 90%;
	text-align:left;
	margin:0 0 5px 0;
				}
}
object#wimpy447 {
			width:370px;
			height:55px;
			margin: 8px 8px;
}

object.wimpypl {
			width:370px;
			height:55px;
			margin: 2px 0 2px 0;
			padding:0;
}

div.player {

	}

div.player:before {content: "Audio clips"}

div#notes {
border-left: 4px #C3B175 solid;
border-bottom: 2px #C3B175 solid;
min-width: 350px;
max-width: 600px;
margin: 15px 30px 10px 30px;
padding: 2px 10px 2px 6px; 
			
}

div#notes p {
font-family: "trebuchet MS", Arial, sans-serif; font-size: 90%; 
margin: 9px 0 5px 0;
padding: 0;
		
}


div#dots {
margin: 10px 30px;
}

div#lyrics {
				
margin: 15px 5px 10px 30px;
min-width: 350px;
max-width: 600px;

}

.col {position:relative;
width: 300px;
float:left;
}

span.toggle {font-size: 70%; font-weight: normal;}

/* style used for switchcontent.js script  on pages with sheet music */
.handcursor{
cursor:hand;
cursor:pointer;
}
/* end of switchcontent.js style */


/* Header styles */
#headtopleft {

float: left;
width: 200px;
height: 50px;
margin-bottom:0;
text-align:left;
padding: 4px 0 2px 4px;
}

#headtopright {
float: right;
/*width: 500px;*/
text-align:right;
height:50px;
margin-bottom:0;
padding: 4px 4px 0 0;
}

#headtopright input {
margin: 0px 0 4px 0;
}

#headtopright form {
margin: 0px 0 4px 0;
}
#headtopright ul {
list-style:none;
display: inline;
font-size: 10pt;
margin: 3px 0 0 0;
vertical-align: bottom;
}

#headtopright li {
list-style:none;
display: inline;
margin: 0 1px 0 1em;
font-family: "trebuchet MS", Arial, sans-serif; font-size: 100%; 
}

.line {
width:100%;
height: 1px;
background-color: #d7cdf8;
float:left;
margin-bottom: 5px;
}

div.footer {
clear:both;	
text-align:center;	
margin: auto;
font-family: "trebuchet MS", Arial, sans-serif; font-size: 90%; 
color:#535353;


}
	
div.footer table {
border: none;
margin: auto;
}

div.footer table td {
padding-right: 35px;
font-family: "trebuchet MS", Arial, sans-serif; font-size: 100%;
color: #535353; 

}

ul.footer {
list-style:none;
/*display: inline; */
font-size: 10pt;
margin: 25px 0 0 0px;
width:100%;
text-align: center; 
}

ul.footer li {
list-style:none;
display: inline;
margin: 0 1px 0 1em;
font-family: "trebuchet MS", Arial, sans-serif; font-size: 110%; 
color: #535353;

}

/* end of header & footer styles */

     
@media print {
	#media {display: none}
	#topnav {display: none}
	#footer {display:none}
/*	#showurl {display: inline; position: fixed; bottom: 0;margin-top:2em;} */
	#showurl {display: inline; top: 0;margin-bottom:2em;font-size: 8pt;}
	.page-break { display:block; page-break-before:always } 
	div#notes {float:right; min-width: 0px; max-width:none; width: 25%; margin-right:0; font-size: 90%;}
	div#lyrics {font-size: 110%; line-height:1.5; margin: 0 0;}
	.noprint {display:none}
				

}
}

div#chords {
			position: relative;
			float:	right;
			width: 130px;
			padding: 5px;
			top: 10px;
}