/*
 * Style Sheet for Crescent Choral Society Page
 * version: Dev 7/25/09
 */

@font-face {
  font-family: "Chancery Cursive";
  src: url("http://crescentconcerts.org/etc/chancur.ttf") format("truetype");
}

body {
  margin:0;
  background: black url('../images/gradient.jpg');
  background-repeat:repeat-x;
  border:3px solid white;
  font-family:'Monotype Corsiva', 'Calisto MT Italic', 'Book Antiqua Italic', 'Zapf Chancery', 'Apple Chancery', 'Chancery Cursive', cursive;
}

.hdr {
  text-align:center;
  /* background:#f7f7f7; */
  margin:0 0 2.5em 0;
  padding:0 0 1em 0;
 }
 
.hdr h1 {
  font-size:48pt;
  line-height:1.2;
  margin-top:.1em;
  margin-bottom:.25em;      /* may have to re-set margin for hdr itself */
  text-shadow:4px 6px 3px #677;
}
.hdr h2 {    /* not used */
  font-size:36pt;
  margin-top:0.5em;
}

.hdr h3 {
  margin:0;
  font-size:18pt;
  line-height:1.2;
  margin-top:-1em;
}

.content {
  /* background:black url('../images/ChoralSociety.jpg') top center no-repeat */
  background-color:black;
  background-image:url('../images/ChoralSociety.jpg');
  background-attachment:scroll;
  background-position: 50% 0;
  background-repeat:no-repeat;
  margin:2em 0.5em 0 0.5em;
  padding:360px 4px 8px 4px;
  text-align:center;
  font-size:18pt;
  color:white;
}

p {text-align:left;} /* applies to content and form +*/
div.content p:first-letter {padding-left:1em;}  /* need to be specific here */

.signature {
  font-family: 'Times New Roman', serif;
  font-size:10pt;
  padding-bottom:6pt;
  text-align:left;}
address {float:right; font-style:italic; margin-right:16px;}
.signature a {color:white;}
.signature hr { height:4px; width:auto; }



#button {text-align:center;}
#button span {cursor:pointer; font-weight:bold; text-decoration:underline;}


#hlinks {
  position:fixed;
  left:1.5em; top:7em; width:9em;   /* width:auto; screws up msie! */
  background:transparent url("../images/semi.gif");
  background-repeat:repeat;
  z-index:10;
  border:medium outset #bfbfbf;
  padding:.5em;
  font-size:16pt;
  color:white;
  overflow:visible;
}
#hlinks:hover {background:#000;}

.hlink_hdr {text-align:center;}
a:link, a:visited {color:white;}

.white a {color:white;}
.gray  a {color:#aaa; cursor:default; text-decoration:none;}

/* mlink styles */
#mlinks {
  /* position:relative;
     top:-10em;
     left:10em; */
  margin:-10em 0 0 10em;
  display:none;
  background:#000;
  border:thin ridge #bfbfbf;
  padding:0.5em 1em;
  width:200%;
  font-family:'century schoolbook', Arial, serif;
  font-size:12pt;
}

#mlinks p {margin:0; padding-left:2em;}
span.mlink {
  margin-left:-2em;
  font-size:110%;
  font-weight:bold;
  font-style:italic;
  cursor:pointer;
  }
span.mlink:hover { text-decoration:underline; }

/* #embed {display:none; position:absolute; top:2em; left:10em; border:0;} */
#embed {display:none; position:absolute; bottom:0; left:10em; border:0;}

/*
 *  Style rules for the signup form
 */

#signUp {
  position:absolute;
  top:320px; left:5em;   /* was 10em; */
  width:36em;
  z-index:20;
  margin:0;
  padding:0;
  background:#dfdfdf;
  display:none;
  font-family:Courier, monospace; font-size:12pt; margin-bottom:1em;
  border:3px ridge gray;
  }

.titleBar {
  padding:2px 3px;
  border-bottom:1px solid black;
  background:#dfdfdf url('../images/titlebar.gif') repeat-y;
  color:white;
  cursor:default;
}
.titleBar img {cursor:default;}

form {
  margin:0;
  padding:0 1ex;
  border:1px solid white;
}
form td {padding:0;}
form td.left {width:5em; text-align:right; padding:.5ex .5ex .5ex 0;}

div.center {margin:0.5em 0; text-align:center;}
div.center input {background-color:#cfcfcf; margin:0 .5em;}
div.center input:hover {background-color:#dfdfdf;}

b {font-weight:bold;}
i {font-style:italic;}
em {font-weight:bold; font-style:italic;}