/* By the way, this is a comment */
/* PIANO.CSS */

#top1 {
     position: absolute;
     top:0;
      left: 100px; 
    /* width: 500px;  */
    /* background-color: #ccf;*/
     color: black;
     height: 29%;
    /* background-color: #666699; */
     }

#bottom {
    position: fixed;
    bottom: 10px;
    left: 0px;
    right: 0px;
    height: 20px;
}


#navigation {  color: black;
	position: absolute;
	top:23%;
	left:200px;
	width: 20em;
        font-size: 1.5 em;
        font-weight: bold;
        /* background-color: #666699; */
        line-height: 2.0em;
}

#content {
 	/*margin: 0 10em;*/ 
        /* setting top and bottom margin to 0 and right                            and left margin to 10em */
        position: absolute;
 
        color: black;
        /* background-color: #ccf; */

        position: absolute;
        top: 23%;
        left: 400px;
        width: 400px;
        /*height: 100%/*
	/*font-weight: bold; */
        /*background-color: #666699; */
         font-size: 1.25em
        /* letter-spacing: 0.25em; */
        /* word-spacing: 2em;  */
        line-height:.75em; 
         a: { color: blue };
      li {
           color:black;
          font-style:normal;

          }
}

#testimony  {

       /* color: black; */
       /* position: absolute; */
        top: 23%;
        left: 410px;
         width: 300px;
        /*font-size: 1.25em;*/
        a: { color: blue } ;
/* box: */
        padding: 1em;
        border: 1px solid #4F2C8A;              margin: 1em 310 px 2em 300px;           width: 20em; 
}

content { line-height: .5em; }
body
  { 
     li {
           color:black;
           font-style:normal;
        }
     font-family: courier, arial,                  helvetica, sans-serif;
     font-size: 85%;
     color: green;
     /* background-color: #666699; */
     margin: 0;
     padding: 0;
     /* line-height: 3.5em;   */
     /* background-color: #ccf;  */
    
}

/* p */
/*  {  */
     /*color:blue ;  */
     /*letter-spacing: 0.5em; */
     /*word-spacing: 2em;  */
     /*line-height: 2.5em; */
     /*text-align: center;*/
/*  } */

h1 
  { 
     font-size: 2em;
     margin: 0; 
     text-align: center;
     letter-spacing: 0.5em;
     line-height: 2.5em;
     border-bottom-style: solid;
     /* border-bottom-width: 0.5em; */
     /* border-bottom-color: blue;  */
     /* margin-bottom: 0.5em; */
     /*padding: 0.25em; */
     /*font-style: italic; */
   }

h2 
   { background-color: #ccf;
      /*color: black; */
      /*background-color: #CCCCFF; */
      /*font-style: italic; */
      text-align: center;
      letter-spacing: 0.5em;
      line-height: 1.5em;
      border-bottom-style: solid;
      font-size: 1.0em;
      margin: 0; 
      /*padding: 0.1em; */
      /*padding-left: 1em; */ 
   }

h3
   {
    line-height:1.0m;
   }
a:link {
        font-weight: normal;
        text-decoration: none;
        color: #000099;
    /*  color: #B7A5DF; original*/
       }
a:visted {
       color: black;
       font-weight: bold;
       text-decoration: none;
      /* color: #999999;*/
      /* color: #D4CDDC; */
      color: black;
       }
a:hover, a:active {
       font-weight: bold;
       text-decoration: none;
       color: #9685BA;
       }
                    

li 
   { 
      color: black; 
      font-style: italic;
   } 

li:body
    {
      color: black; 
      font-style: normal;
    }
ul 
   {  color: black; }