body { color: #000080; font-family: "Comic Sans MS", cursive; background-image: url(../images/hbmf_bg_score_01.jpg); background-repeat: repeat; background-position: 0 0; z-index: -3; }
a {  }
td {}
h1 { color: #664cff; font-size: 120%; line-height: -50; text-align: center; }
p.bottom { font-size: 70%; text-align: center; }
div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
background-color:transparent;
clear:left;
}
h1.header
{ height: 0.4em; padding:0; margin:0; }
div.right
{ float:right; width:160px; margin-top: 4px; padding-left: 2em; border-left-style: solid; border-left-width: 1pt; }
div.content
{ margin-right:190px; padding: 2pt 2em 1em; }
div.pagename { font-size: 150%; font-weight: bold; text-align: center; padding-bottom: 1em; }
h2 { font-size: 170%; line-height: -50px; text-align: center; }
h3 { color: #000080; font-size: 190%; line-height: -50px; text-align: center; height: 0.6em; }

h3.byline { font-size: 100%; height: 1.4em; }
ul
{ width: 100%; padding:0; margin:0; list-style-type:none;
	text-align: center;
}
a.menu { color: #664cff; font-weight: bold; text-decoration: none; text-align: center; padding-right: 0.8em; padding-left: 0.8em; border: solid transparent;
	font-size: 120%;
}
a.menu:hover { font-weight: bold; border-top: 2px dotted white; border-bottom: 2px dotted #664cff;
	font-size: 120%;
}
li { display:inline;
	text-align: center;
}
img.x
{ background-repeat: repeat; position:absolute; left:0; top:0; z-index:-2
 }
p.content { margin: 1em 1em 1em 5em; }
img.variation { background-image: url(../images/hbmf_bg_balloons2.jpg); width: 700px; height: 660px; z-index: -2; position:absolute;
left:0;
top:0; }
img.sheetmusic { width: 100%; height: inherit; }
p.mediatitle { color: #664cff; text-align: center; }