/*
 * Style Sheet for Crescent Concerts Main Page
 * version: 3.1 11/11/07
 */

body {
  margin:0; padding:0; border:0; height:100%; /* overflow-y:auto; */
  background:url('../images/bg_left.jpg') #f7f7f7 repeat-y fixed;
  color:#800;
  }

.hdr { 
  position:fixed;
  top:0;left:0;
  display:block;
  background:url('../images/bg_left.jpg') #f7f7f7 repeat-y fixed;  /* needed to obscure .content */
  text-align:center;
  z-index:100;
  height:100px;
  width:100%;
  padding:0 0 0 50px;
  }
* html #hdr {position:absolute;}


/* #buffer is the small semi-transparent space below the Banner pic. (Mozilla only) */
#buffer {
  position:relative;
  background:#f7f7f7;
  left:108px;
  top:-5px;
  width:100%;
  height:8px;
  opacity:.7;
  filter:alpha(opacity=70);
  }
  
#Lyre {
  position:fixed;
  left:0; bottom:0;
  z-index:101;
  }

/*
 *  Note: Gecko family, .content background is fixed relative to window, not .content!
 *        IE does it right.  So... for Gecko use xxx.png and for IE use xxx.jpg  [hack centering]
 */
 
.content {
  margin:108px 0 0 156px;
  padding:1em 1em 0 16px;
  background: url('../images/Hummel_Te_Deum.png') transparent center 100px no-repeat fixed;
  font-family:Centaur, 'Palatino Linotype', Palatino, 'Lucida Bright', 'Lucida Grande', 'Bell MT', 'Book Antiqua', serif;
  font-size:14pt;
  font-weight:bold;
  color:#600;
  }

div.ribbons {
  font-family:'Lucida Calligraphy Italic', 'Copperplate Gothic Light', Copperplate, Centaur, 'Chancery Cursive', serif;
  /*' Colonna MT'  'Imprint MT Shadow' these two need to be 32pt */
  font-weight:bold;
  font-size:16pt;
  }

div.item {
  margin:0 auto;
  width:454px;
  height:64px;
  border:1px solid #f7f7f7;
  background:url('../images/ribbon_dark.gif') no-repeat;
}
div.item:hover {background:url('../images/ribbon_light.gif') no-repeat;}

/* note: the embedded font 'Chancery Cursive' is fallback for for Mac */
a.center {display:block; text-align:center; margin-top:0.8em;}

.th {font-family:serif;}

div.item a:link, div.item a:visited { color:#8c0000; text-decoration: none; }
div.item a:link:hover, div.item a:visited:hover { text-decoration: underline; color:#d00;}

sup.th {font-family:'Lucida Calligraphy Italic', 'Copperplate Gothic Light', Copperplate, Centaur, 'Chancery Cursive', serif; font-size:8pt;}
 
P:first-letter { font-size: 140%; /*font-style:italic;*/ margin-left:.5em;}

.infoBlock {
  text-align:center;
  font-family: 'Times New Roman', serif;
  font-size:.7em;
  color:#030;
  padding-top:4px;
  }

.noscript {
  background:#ddd;
  font-family:sans-serif;
  font-size:11pt;
  margin:0 2em 1em 2em;padding:.5em;
  position:relative;
  z-index:1000;
 }

/* change made 10/18/08 */
.signature a {color:#030;}
.infoBlock a {color:#030;}