/* ES: This is only used by external pages now. */

.cc h1 {text-align:center; font-family: sans-serif; margin-bottom:0; color:blue }
.cc h2 {text-align:center; color:blue }
.cc h3 {text-align:center; color: grey; margin-top:0 }

.cc a:link, .cc a:visited { color:navy }
.cc a:hover { border-color:blue }

.cc p { margin: 0.5em }

.cc .bodyText {
   margin: 0 10% 1em;
   font-family: sans-serif;
   font-size:90%;
   width:46em;
   text-align:left;
   padding:0;
}

.cc .footer { text-align:center; font-family: sans-serif; color: grey; font-size:smaller }
.cc .footer a:link { color:grey }
.cc .footer a:visited { color:grey }
.cc .footer a:hover { color:cadetBlue; border-style:solid; border-width:thin; border-color:blue }

.cc .entryForm {
   border-style:solid;
   border-width:1px;
   border-color: blue;
   background: lightBlue;
   width:36em;
   clear:both;
   text-align:center;
   display:block;
}
.cc .entryForm a:link, .cc .entryForm a:visited { color:blue; }
.cc .entryForm a:hover { border-color:cadetBlue; }
.cc .entryForm input.text { width:6em }

@media print {
   .cc .entryForm {
      display:none;
   }
   .cc .tabMenuArea {
      display:none;
   }
   .cc .noprint {
      display:none;
   }
}

.cc .note {
  color:DarkGreen; text-align:center; font-weight:bold;
  padding:0.5em; margin-right:20%; margin-left:20%;
  background:lightgrey; font-size:110%
}

.cc .helpNote {
  color:black; text-align:center; font-style:italic;
  background:lightblue; font-size:90%
}

.promo {
  background:#FF8;
  border:1px solid #880;
  text-align:center;
  margin:.5em auto;
  padding:5px 0.2em;
   width:32em;
}

.promo b {
   color:red;
}

.promo img {
    float:left;
}

.promo a, .promo a:visited {
    color:red;
}

a.guitaratorName {
    color:blue;
    text-decoration:none;
}

.promo a:hover {
    color:white;
    background:#0072bb;
}