body {
	padding: 0;
	margin: 0;
	font: normal 12px "Trebuchet MS", arial, san-serif;
	color:#2a0200;
	background-color: #000000;
	}
a, a:visited { color: #930; text-decoration: underline; }
a:hover { color: #c63; }
img { border: none; }
p { line-height: 100%; margin: 2.5ex 0;font: normal 12px  Verdana, Arial, Helvetica, sans-serif; }
p.noMarg { margin: 0; }
table { border-collapse: collapse; border: none; }
td { vertical-align: top; padding: 0; margin: 0; }
select { font: normal 11px arial; border: solid #d3cea8 1px; }
.caption {padding: 4px 8px 4px 8px;margin: 4px 8px 4px 8px;line-height: 14px; font-size: 10px; font-family: Verdana,Arial,Helvetica; color: #666666;border:none;float:left;}
.articlepic img {float:left; padding: 0px 8px 0px 4px; margin:0px 4px 0px 4px; border:none;}
#wrapper { 
  width: 752px; 
  height:1700px; 
  margin: 16px auto 20px auto; 
  margin-left: 10%;
  margin-right: 10%;
  background-image: url(../images/piano_bkg.gif);
  background-repeat: repeat-y;
  background-position: left 0; 
  z-index:20;
  clear:both; }
#songlistWrapper { 
  width: 752px; 
  height:2630px; 
  margin: 16px auto 20px auto; 
  margin-left: 10%;
  margin-right: 10%;
  background-image: url(../images/piano_bkg.gif);
  background-repeat: repeat-y;
  background-position: left 0; 
  z-index:20;
  clear:both; }  
  
#songWrapper { width: 752px; height:2650px; margin: 16px auto 20px auto; position: relative;background-image: url(../images/piano_bkg.gif);
	background-repeat: repeat-y;
	background-position: left 0; z-index:20; }	
#kudosWrapper { width: 752px; height:1500px; margin: 41px auto 20px auto; position: relative;z-index:90;background-image: url(../images/piano_bkg.gif);
	background-repeat: repeat-y;
	background-position: left 0; }	
#wrappercontact {width: 752px; height:2850px; margin: 41px auto 20px auto; position: relative;z-index:-90;background-image: url(../images/piano_bkg.gif);
	background-repeat: repeat-y;
	background-position: left 0; }
#bumpblock{clear:both;height:64px;}	
#bulletinbox { border:1px; padding: 4px 4px 4px 4px;border-color:#000000;width:500px;margin:0 0 0 80px;background-color:#cccccc;}
#bulletinbox a {text-decoration:none; font-weight:bold;}
#bulletinbox #bulletinwithin {width:490px; display:block; font: normal 12px "Trebuchet MS", arial, san-serif;border:none; padding:2px 2px 2px 2px; background-color:#ffffff;}

#newsbox { border:1px; padding: 4px 4px 4px 4px;border-color:#000000;width:500px;margin:0 0 0 80px;background-color:#E3DDB7;}
#newsbox a {text-decoration:none; font-weight:bold;}
#newsbox #newswithin {border:none; padding:2px 2px 2px 2px; background-color:#ffffff;}
<!--.waitToLoad {display:none;}.waitToLoad.tada {display:block;}-->

/**********************
Masthead
**********************/
#masthead {
	font: normal 11px arial, san-serif;
	margin-left: 10%;
    margin-right: 10%;
	color:#FFF;
	height:50px; 
	width:932px;
	display:block;
	position:absolute;
	left:0; top:0;
	z-index:20;
	
	}
#masthead  ul.links { margin: 0; padding: 0; list-style: none; position: absolute; top:1.0em; right: 14.0em; }
#masthead .links li { display: inline; border-left: solid #ffffff 1px; padding: 0 .8em; }
#masthead .links li.firstChild { border-left: none; }
#masthead .links a       { color: #ffffff; text-decoration: none; }
#masthead .links a:hover { color: #ff0000; }
#bostonlegend {position:relative;float:right; margin:0 0 0 0 ; z-index:20;}
#donelegend{clear:both; z-index:20;}
#introText{z-index:20;}

/**********************
Content Footer
**********************/
#contentFooter {width: 752px; height:60px; margin: 41px auto 20px auto; position: relative;z-index:20; }


/**********************
Page Footer
**********************/
#pageFooter { font: normal 10px arial, san-serif; padding: 1ex 0 0 0; color:#FFF; position: relative;z-index:20; }

#pageFooter ul.footerLinks { padding: 0; margin: 0; list-style: none; }
#pageFooter .footerLinks li { display: inline; border-left: solid #f7e1d4 1px; padding: 0 .6em; }
#pageFooter .footerLinks li.firstChild { border-left: none; }
#pageFooter .footerLinks a       { color: #f7e1d4; text-decoration: none; }
#pageFooter .footerLinks a:hover { color: #f4d26a; }

#pageFooter .copy { position: absolute; top: 1ex; right: 0; color: #fff; }



/*************************************
Content
*************************************/
.soldOut {color:#FF0000; font-weight:bold;}
.kudoNote {display:block; margin:2.2em; border:1px solid #000;padding:4px 4px 9px 4px; font-style:italic;}
.kudoNote strong {font-style:normal; font-weight:bold;}
.email {color:#990000; font-family:"Courier New", Courier, monospace;font-size:11px;}
.textmain {padding:6px 24px 6px 24px;}
#contentWrapper { margin: 0 4px 1px 115px; position: relative; width:80%;z-index:20;}
/*#jmsamples/sn{display:block; width: 630px; float:left; background-color:white;color:#000000;}
#jmsamples/sn ul{display:block;clear:both; height:40px;}
#jmsamples/sn li{list-style-type:none; height:38px;margin:10px 0 0 0;display:block;float:left;clear:both;}
#jmsamples/sn li em{margin: 0 0 10px 0; height:38px; display:inline;}*/
.songTitlesCell{vertical-align:middle;}
.padContent     { padding: 0px 30px 15px 30px; } /* For some pages with no left nav */
.contentMinHeight { min-height: 500px; }
#content        { width: 549px; margin: 0; padding: 0 20px 20px 0; position: relative; min-height: 500px; float: right; background: #fff; }
#pageTitle      { display: block; height: 15px; padding: 19px 0 0 0; } /* Copperplate Gothic Bold, Font size: 17px, Anti-aliasing: Crisp, Tracking: 110, color: #2a0200 */
#content li     { line-height: 120%; padding-top: .7ex; padding-bottom: .7ex; }
li.odd          { background-color: #FFFBEF; }
#content .heading1 { font-size: 125%; font-weight: bold; display: block; }
#content .heading2 { font-weight: bold; display: block; }



/***** form Stuff *****/
.formTable {}
.formTable .header { margin: 0 0 3px 3px; font-size: 12px; font-weight: bold; color: #6D3E2A; }
.formTable .headerRule { border-top: 1px solid #e7dfca; border-bottom: 1px solid #e2ccb4; height: 1px; width:100%; margin-bottom:15px; } 
.formTable .footer { border-top: 1px solid #e7dfca; border-bottom: 1px solid #e2ccb4; height: 1px; width:100%; margin-top: 15px; } 
.formTable .label { padding: 5px 0 5px 15px; text-align: left; }
.formTable .input { padding: 5px; } 
.formTable .loginLabel { padding: 5px; }
.formTable .loginInput { padding: 5px; text-align: right; } 
.formTable .button { padding: 15px 5px 0 0; text-align: right; }
.formTable .prodLocatorLabel { padding: 5px 0 5px 15px; text-align: left; width: 125px; }
.formTable .prodLocatorInput { padding: 5px 0 5px 15px; text-align: left; width: 300px; }


.createUserButton { padding: 10px 30px 0 0; }
.textbox { border: 1px solid #d3cea8; padding:1px; font: normal 12px "Trebuchet MS", arial, san-serif; color: #2a0200; }

#signup { padding: 0 5px 49px 5px; }
#signup #text { margin-top: 10px; }

ul.bullet { list-style: none; margin: 0 0 1.5ex 0; padding: 0; font-weight: normal; font-size: 11px; }
.bullet li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 2px .8ex; padding: 1px 2px 1px 10px !important; line-height: 120%; }
.bullet li a { text-decoration: none !important; }
.bullet ul { list-style: none; margin: 0 0 1.5ex 0; padding: 0; font-weight: normal; font-size: 11px; }

ul.bullet2 { border-top: dotted 1px #BAABA1; list-style: none; margin: 0 0 1.5ex 0; padding: 0; font-weight: normal; font-size: 11px; position: relative; }
.bullet2 li { border-bottom: dotted 1px #BAABA1; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 5px 1.4ex; padding: .7ex 2px .7ex 13px !important; line-height: 120%; }

.listHeading1 { font-weight: bold; display: block; font-size: 114%; padding-bottom: .4ex; }
.listHeading2 { font-weight: bold; display: block; }

.highlightBox      { border: solid 1px #e2ccb4; background-color: #f3f3e3; padding: 1px; position: relative; }
.highlightBoxInset { border: solid 1px #e7dfca; background-color: #f7f4e5; }

.clr { clear: both !important; }
.relative { position: relative !important; }
.absolute { position: absolute !important; }
#content .nobg { background: none !important; }
#content .outdent { padding-left: 0 !important; }
#content .outdent1 { margin-left: -2px !important; }
.floatL { float: left; margin: .5ex 1.5em 1.5ex 0; }
.floatR { float: right; margin: .5ex 0 1.5em 1.5ex; }
.block { display: block; }
li .liParaSpacer { display: block; height: 1.8ex; }
img.border1 { border: solid #BBAC83 1px; }
img.border2 { border: solid #BBAC83 2px; }
.centered { display: block; margin-left: auto; margin-right: auto; }