/**************************************************************
 **
 **		   The MainStyles.css StyleSheet
 **
 **   Provides general background and font settings for the
 **   entire page for the Silver Clef Music website. All 
 **   code in this stylesheet is copyright © 2005 by David P.
 **   Miller and Silver Clef Music, Inc., all rights reserved
 **   Please contact us if you want to use this code.
 **
 **************************************************************  
 **
 **************************************************************/
 
body {
  background-color: #f0f0f8;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 14px;
  }

.subHead {
  font-family: "Times New Roman", Times, Serif;
  font-size: 36px;
  color: #33b;
  font-style: italic;
  text-align: center;
  }

.subSubHead {
  font-family: "Times New Roman", Times, Serif;
  font-size: 18px;
  margin-top: -10px;
  color: #33b;
  text-align: center;
  }

table.bodyTable {
  /* border: solid 2px #fff;  */
  border-collapse: collapse;
  vertical-align: text-top;
  width: 800px;
  }

table.headerTable {
  /*  border: solid 2px #f00;  */
  border-collapse: collapse;
  height: 150px;
  width: 800px;
  }

table.headerTable td {
  border: solid 2px #000;Left
  padding: 10px;
  text-align: center;
  }

.headCellLeft {
  background-color: #bbb;
  width: 100px;
  }

.headCellCenter {
  }

.headCellRight {
  width: 100px;
  }

/* =========================================
       Code for the Left Column Menu
   ========================================= */
.leftCol {
  background-color: #113;
  padding-top: 10px;
  padding-bottom: 20px;
  width: 130px;
  color: #fff;
  vertical-align: top;
  }

.leftCol ul {
  color: #e8e8ff;
  font-family: arial, helvetica, sans-serif;
  list-style-type: none;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  }

.leftCol li { 
  margin-top: 1px;
  margin-left: -30px;
  }

.leftCol a {
  display: block;
  width: 100px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-decoration: none;
  color: #e8e8ff;
  background-color: #6060a0;
  border-top: solid 2px #c8c8ef;
  border-left: solid 2px #c8c8ef;
  border-right: solid 2px #3030a0;
  border-bottom: solid 2px #3030a0;
  }

.leftCol a:hover {
  color: #e8e8ff;
  background-color: #8080e0;
  border-top: solid 2px #3030a0;
  border-left: solid 2px #3030a0;
  border-right: solid 2px #c8c8ef;
  border-bottom: solid 2px #c8c8ef;  
  }

/*=====================================
   Code for the rest of the body table
  ===================================== */
.rightCol {
  background-color: #888;
  font-size: 11px;
  color: #e4e4e4;
  width: 130px;
  text-align: center;
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 20px;
  }

.centerCol {
  width: 640px;
  padding: 6px;
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 20px;
  }

/* ======= Code for the footer ======= */
#footerBar {
  width: 800px;
  background-color: #888;
  height: 40px;
  }

#copyrightNotice {
  text-align: center;
  font-size: 11px;
  color: #aaa;
  }