html {height:100%;}

body {
  font-size: 62.5%; /* Resets 1em to 10px */
  padding:0;
  margin:0;
  height: 100%;	  
  color: #8B4513;
  background:#F7F7E7;
  background-image: url(images/body_bg.jpg);
  background-position: center;
  background-repeat: repeat-y;
}

#outer{
  /*width: 80%;*/
  /*min-width: 75.8em;*/
  width: 960px;
  min-height:100%; 
  color:#8B4513;
  margin:auto;
  background:#F7F7E7;
  position:relative;
  border: 1px solid #ececec; /* added for IE8 compatibility, 8-15-09. MF */
}
* html #outer {height:100%}

#header{
  margin:0; 
  padding:0;
  height: 15em;
  background:#F7F7E7;
  background:url(images/grandpiano.gif) no-repeat;
  color: #8B4513;
}

a:link {text-decoration: underline; color: #A0A081;}

a:visited {text-decoration: underline; color: #A0A081;}

a:hover {text-decoration: none; color: #ffffff; background-color: #A0A081;}
 
a:active {text-decoration: none;}


a:link.reg {text-decoration: underline; color: black;}

a:visited.reg {text-decoration: underline; color: black;}

a:hover.reg {text-decoration: underline; color: blue;}
 
a:active.reg {text-decoration: underline;}


a:link.lite {text-decoration: underline; color: #b7b7b7;}

a:visited.lite {text-decoration: underline; color: #b7b7b7;}

a:hover.lite {text-decoration: none; color: #ffffff; background-color: #A0A081;}
 
a:active.lite {text-decoration: none;}


ul {
  font-family: "Verdana", serif;font-size: 1.2em;color: #000000;padding-left: 1em;padding-right: 1em; line-height: 1.8em;
}	

ul.nav {font-size: 1.2em; font-weight: 600; color: #707070;list-style-image: url(images/notes.gif);margin-left: 1.5em; margin-right: .5em; display: block;}

.nav2 {font-size: 1.2em; font-weight: 600; color: #707070;list-style-image: url(images/notes.gif);margin-left: 1em; margin-right: .5em;}


p {
  font-family: "Verdana", serif; 
  color: #000000;
  font-size: 1.2em;
}

p.bmenu {
  color: #b7b7b7;
}

.client {
  text-align:right;
}

.text {
  margin-left: 1em;
  margin-right: 1em;
}

h1 {
  font-family: "Arial", serif; 
  color: brown;
}

h1.header1 {
  text-align:center;
  font-family: "Georgia", serif;
  font-size: 2.5em;
  padding-top: 3em;
}

h2 {
  font-family: "Georgia", serif; 
  color: brown;
}

h2.header2 {
  text-align: center;
  margin-top: -1em;
  margin-left: 10em;
  font-size: 1.9em;
  font-weight: 400;
}

h3 {
  color: brown; 
  font-weight: 400;
  font-size: 1.8em; 
  font-family: "Georgia", serif; 
  text-align: left;
}

h4 {
  font-family: "Arial", serif; 
  color: brown;
}

.gray {color: #335566;}

h5 {
  font-family: "Arial", serif;
  font-size: 1.3em; 
  color: brown; 
  margin-bottom:0px;
}

#left {
  width: 12em;
  background:#F7F7E7;
  float:left;
  text-align:left;
}

#left p {
  padding-left: .3em;
  padding-right: .3em;
}

#content {
  background:#F7F7E7;
  background: url(images/grndbkgrnd.gif);
  background-repeat: no-repeat;  
  background-position: 30em 5em;
  position: relative;
  /*margin-left: 12em;*/
}

#content p { 
  margin-left: .2em; 
  margin-right: 1em; 
  line-height: 1.8em;
}

#innerwrap {
  padding-bottom: 8em;
}

#innerwrap:after {
  content:" ";
  display: block;
  clear: both;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5em;
  background-color: #F7F7E7;
  color:#8B4513;
  text-align:center;
}

#footer p {
margin:0;
font-size: 1em;
text-align:center;
}

.info {
  text-align:center;
  margin-right: 2em;
}