/*
 * General Stylesheet for Westfield Musical Club
 */
 
@font-face {
  font-family: "Chancery Cursive";
  src: url("http://westfieldnj.com/mcw/chancur.ttf") format("truetype");
}
/* downloadable fonts now work in Safari and FireFox 3.5+ */

body {
  background-color: #fffaf3;
  background-image: url("trebleClef_27.png");
  background-attachment: fixed;
  background-position: 0 100%;
  background-repeat: no-repeat;
  color: #500;
  padding:8px;
} /* may need #fff7f7 for msie */

.hdr {
  margin:0;
  padding:0;
  text-align:center;
  font-family: 'Monotype Corsiva', 'Zapf Chancery', 'Apple Chancery', 'Chancery Cursive', 'Edwardian Script ITC', cursive;
  font-size:24pt;
 }
.hdr h1 {margin:0 auto; margin-top:8pt; font-weight:normal;}
.hdr h2, .banner h3 {margin:0 auto;}
.hdr>h2, .banner>h3 {margin-top:-6pt;}
.hdr h4 {margin:-8pt 0;}
h2.subHead {margin:0;}

.content {
  font-family: 'Century Schoolbook', 'Times New Roman', 'Book Antiqua', serif;
  font-size:16pt;
  margin-left:5em;
  padding:0 0.5em;
}

/* h2.subHead {font-family: 'Monotype Corsiva'; font-size:24pt; margin:0;} */


/*
 * link_note styling is easiest with a table
 * IE determines columns from first row (poorly!).  (Mozilla is smarter!)
 */
table.quaver {margin:.25em 0; text-align:left;}  /* justify */
table.quaver td.left  {text-align:left; padding-right:20px;}
table.quaver td.right {text-align:right; padding-left:20px;}
table.quaver td img {
  display:block;
  border: 2px solid transparent;
  opacity:0.5;
  filter:alpha(opacity=50);}
table.quaver td img:hover {opacity:1; filter:alpha(opacity=100); border: 2px outset #500;}


.signature {padding:0.5em 0; font-size:12pt; font-style:italic;}
address {float:right;}

a:link { color: #E00; text-decoration:none; }
a:visited { color: #C77; text-decoration:none; }
:link:active, :visited:active { color: #D07; }
a:link:hover, a:visited:hover { text-decoration:underline; }

/*
 * With the IE 6 hack, the following will cause positioned P elements to be 'fixed'!
 * p {position:relative;}
 */
P {margin-top:0;}
p.right {padding-right:60px;}
p.left  {padding-left: 60px;}
P:first-letter { font-size: 150%; }


button {
  display:block;
  width:7.5em; height:28px;
  padding:0;
  color:#500;
  background:#fff7f0 url('clef.png') 4px 4px; background-repeat:no-repeat;
  padding:0 0 0 18px;
  margin:auto;
}
button:hover {cursor:pointer; font-weight:bold;}

table.buttons {width:90%; margin:.5em auto;}
table.buttons td {text-align:center;}

.center {text-align:center;}
.indent {margin-left:2em;}

/* special style used by musicWeek page */
div.excerpt {
  background:#f8f0e8; padding:.5em 1em;
  margin-left:2.5em; margin-bottom:2.5em;
  font-size:14pt;
  font-family:"Book Antiqua", serif;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;

em {font-weight:bold; font-style:italic;}
q {font-style:italic; font-weight:bold;}
      /*i {font-weight:bold;}
      i:before { content: open-quote; }
      i:after {content: close-quote;} */