/*
Black:    #442200
Darkest:  #666666
Dark:     #999999
Light:    #CCCCCC
Pale:     #FFFFFF
*/

/* Default */
body { 
  background-color: #FFFFFF; 
  color: #442200;
  font-size: 80%;
  font-family: sans-serif;
}

h1 { 
  color: #442200;
  font-weight: normal; 
  font-family: impact, sans-serif; 
  margin-top: 0;
  border-top: #999999 thin solid;
  border-bottom: #999999 thin solid;
  font-size: 180%;
}

h2 { 
  color: #442200;
  margin-top: 0;
  margin-bottom: 1%;
  font-weight: normal;
  font-size: 140%;
}

h3 { 
/*  color: #666666; */
  color: #442200;
  margin-top: 0;
  margin-bottom: 1%;
  font-weight: bold;
  font-size: 120%;
}

h4 { 
  margin-top: 0;
  margin-bottom: 1%;
  font-weight: normal;
  font-style: italic;
  font-size: 120%;
}

p { 
  font-size: 100%; 
  line-height:1.25em; 
  margin-top:0.5em; 
  margin-bottom:1.0em; 
}

hr { 
  color: #442200; 
  margin-top: 0; 
  margin-bottom: 0; 
}

ul { 
  font-size: 100%; 
}

a {
}

a:link { 
}

a:visited { 
}

a:hover { 
  background-color: #FFCC00;
}

a IMG { 
  border-style: none; 
}

p.cite { 
  font-family: Georgia, serif; 
  text-align: right;
}

a.pageheader {
  color: #FFFFFF;
  background-color: #220000;
  text-decoration: none;
}

a.pageheader:visited {
  color: #FFFFFF;
  background-color: #220000;
  text-decoration: none;
}

a.pageheader:hover {
  color: #FFFFFF;
  background-color: #220000;
  text-decoration: none;
}

h1.pageheader { 
  font-weight: normal; 
  background-color: #220000;
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1%;
  font-family: impact, sans-serif; 
  border-top: none;
  border-bottom: none;
  font-size: 240%;
  background-image: url(graphics/piano_logo_sepia.png);
  background-position: -90px right;
  background-repeat: no-repeat;
}

h2.pageheader{
  margin-top: 0;
  margin-bottom: 0%;
  font-weight: normal;
  font-style: italic;
  font-size: 100%;
}

p.pageindex { 
  width: 100%;
  background-color: #442200;
  text-align: right;
  font-size: 90%;
  margin-top: 0;
}

a.pageindex { 
  background-color: #442200;
  color: #FFFFFF; 
  margin-right: 1%; 
  margin-left: 1%; 
  text-decoration: none;
}

a.pageindex:link, a.pageindex:active, a.pageindex:visited { 
  background-color: #442200;
  color: #FFFFFF; 
}

a.pageindex:hover { 
  background-color: #442200;
  text-decoration:underline; 
}

a.pageindex_inactive { 
}

p.footer {
  font-size: 80%;
  text-align: center;
}

pre {
  background-color: #FFEE99;  /* #CCCCCC; */
  font-size:120%
}

div.left {
  float:left;
  width:150px;
  margin:0; padding:0.5em 1em;
  padding:2px;
  border: navy thin solid;
  background-color: #FFFFFF;
  }
  
div.cleaner {
  clear:both;
  height:1px;
  font-size:1px;
  border:none;
  margin:0; padding:0;
  background:transparent;
  }

/* Middle column */
div.middle {
  /* margin:0px 150px; */
  margin-left: 150px;
  max-width: 800px;
  padding:0.5em 1em;
  background-image: url(graphics/piano.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 170px 100px;
  }

div.right {
  /* margin:0px 150px; */
  float:right
  margin-right: 20%;
  padding:0.5em 1em;
}

/* Outlook bar: Header Items */
p.pm_outbar_item { text-align: center; padding: 2px; margin-top: 0px; margin-bottom: 0px; color: white; background-color: #442200; }
a.pm_outbar_item { background-color: #442200; color: white; text-decoration: none; }
a.pm_outbar_item:hover { background-color: #442200; color: white; }
a.pm_outbar_item:active { }
a.pm_outbar_item:visited { }

/* Outlook bar: Entries */
p.pm_outbar_subitem { text-align: center; margin: 6px; width:100%; }
a.pm_outbar_subitem { width: 100%; color: #442200; text-decoration: none; }
a.pm_outbar_subitem:hover { background-color: #FFCC00; text-decoration: none; }
a.pm_outbar_subitem:active { }
a.pm_outbar_subitem:visited { color: #442200; }

table.black { width: 100%; border: black thin solid; }
tr.black { width: 100$; border: black thin solid; }
td.black { background-color: red; width: 100$; border: black thin solid; text-align: center; }

p.black { width: 100%; background-color: black; text-align: center; }

th { background-color: #CCBB99; text-align: left; }
tr { vertical-align: top; }
tr.alt { background-color: #FFEE99; }
td { }
table { font-size: 100%; margin-top: 1%; margin-bottom: 2%; border: #CCBB99 thin solid; }

table.noborder { border: none; }