html, body {
  background: #330033 url('/_files/bottomfade.png') bottom left repeat-x fixed;
  margin: 0px;
  padding: 0px;
  height: 100%;
}
body {
  font-size: 62.5%;
  font-family: Georgia, Palatino, Serif;
}
img {
  border: none;
}

* html #container {
  height: 100%;
}
#container {
  width: 768px;
  border-left: 2px solid #ECB000;
  border-right: 2px solid #ECB000;
  margin: 0px auto 0px auto;
  padding: 0px;
  background: #FFFFFF;
  position: relative;
  min-height: 100%;
}

#container #header {
  margin: 0px;
  padding: 0px;
  height: 200px;
}
#container #header h1 {
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#container #content {
  margin: 10px 10px 10px 125px;
  padding: 0px;
}
#container #content .contentbox {
  margin: 10px;
  padding: 5px;
  background: #FFFFFF url('/images/whitenotesbg.jpg') top left fixed repeat;
  border: 1px solid #000000;
  display: inline-block;
}
#container #content .contentbox h2 {
  margin: 0px -5px 5px -5px;
  padding: 0px 5px 0px 5px;
  color: #885000;
  font-size: 1.8em;
  border-bottom: 1px solid #ECB000;
}
#container #content .contentbox h3 {
  margin: 0px;
  padding: 0px;
  color: #885000;
  font-size: 1.5em;
}
#container #content .contentbox h4 {
  margin: 0px;
  padding: 0px;
  font-size: 1.3em;
}
#container #content .contentbox h5 {
  margin: 0px 0px 0px 10px;
  padding: 0px;
  font-size: 1.2em;
  font-weight: normal;
  font-style: italic;
}
#container #content .contentbox p,
#container #content .contentbox li {
  font-size: 1.2em;
}
#container #content a:link,
#container #content a:visited {
  text-decoration: none;
  color: #AA0000;
  border-bottom: none;
}
#container #content a:hover, 
#container #content a:active {
  text-decoration: none;
  color: #AA0000;
  border-bottom: 1px solid #AA0000;
}


#container #menu {
  position: absolute;
  top: 200px;
  left: 0px;
}
#container #menu ul {
  list-style-type: none;
  margin: 10px;
  padding: 5px;
}
#container #menu ul li {
  margin: 0px;
  padding: 0px;
}
#container #menu ul li a {
  width: 100px;
  height: 40px;
  display: block;
  text-decoration: none;
  font-size: 1.4em;
  color: #000000;
  font-weight: bold;
  padding: 20px 0px 0px 0px;
  margin: 0px;
}
#container #menu ul li.sel a:link, #container #menu ul li.sel a:visited {
  background: url('/images/2drollovernotes.jpg') top right no-repeat;
}
#container #menu ul li a:link, #container #menu ul li a:visited {
  background: url('/images/2drollovernotes.jpg') top left no-repeat;
}
#container #menu ul li.sel a:hover, #container #menu ul li.sel a:active,
#container #menu ul li a:hover, #container #menu ul li a:active {
  background: url('/images/2drollovernotes.jpg') top center no-repeat;
  color: #AA0000;
}


#container #footer {
  margin: 0px 0px 0px 100px;
  padding: 0px;  
}
#container #footer p {
  margin: 0px;
  padding: 10px;
  text-align: center;
  font-size: 1em;
  color: #AAA;
}
#container #footer p a {
  text-decoration: none;
  color: #888888;
}
#container #footer p a:hover,#container #footer p a:active {
  color: #000000;
}