html          {  position: relative;
            background: url(/pics/palimpsidetile.jpg) 100% 0  white fixed;
                 top: 0;
                 left: 0;
                 height:   100%;  
                 margin: 0;
                 padding: 0;
                 border: 0;
              }

body {position: relative;
            background: url(/pics/obscura.jpg) right bottom transparent no-repeat fixed;
                 border: 0;
                 margin: 0;
                 padding: 0;
                 color: #a8a8a8;

}

a:link,
a:visited     { color: #a1a1a1;
              }
              
a:hover,
a:focus       { color: #4a4a4a;
              }
              
a:active       { color: #a1a1a1;
              }

#container {position: relative;
            width: 100%;
            margin: auto;
            height: 100%;
            padding-top: 170px;
            margin-bottom: 0;
}

#main       { border-color: #f8f8f8;
              
}

#main div   {z-index: 12;}

#main:hover,
#footer:hover {color: #4a4a4a;
}

#navigation {
            background: url(/pics/obscurapale.jpg) left bottom white repeat-y fixed;
            border-color: #f8f8f8;
            z-index: 10;
}

#navigation h2
            {  text-indent: -2000px;
               background: url(/pics/palimpsitenav.png) left top transparent no-repeat;
               height: 70px;
               margin: 0;
            }

#navigation h2 + ul + h2
            {  
               background: url(/pics/palimpcomps.png) left top transparent no-repeat;
            }
            
#main h2 {     text-indent: -2000px;
               background: none left top transparent no-repeat;
               height: 70px;
               margin: 0;
}

#main h2#prognotes
            {  background-image: url(/pics/palimpprogns.png);
            }

#main h2#acknows
            {  
               background-image: url(/pics/palimpacks.png);
            }

#main h2#performs
            {  
               background-image: url(/pics/palimpperfs.png);
            }
#main h2#listen
            {  
               background-image: url(/pics/palimpslisten.png);
            }
#main h2#commentary
            {  
               background-image: url(/pics/palimpcomments.png);
            }
            
#main h2#acceptances
            {  
               background-image: url(/pics/palimpaccepts.png);
            }

#navigation li:hover,
#navigation li:focus
              {  background-image: url(/pics/obscura.jpg);
      /*        background: #E4DDDC;   */
                 border-color: #a1a1a1;
              }
              
#navigation li#here:hover, 
#navigation li#here:focus {background: inherit;
                           border-color: transparent;}

li#here        { font-style: italic;
              }


h1, h2, h4, h5 {font-family: "Mona Lisa Solid ITC TT";
                    font-weight: normal;
                    color: white;
                    z-index: 5;

}

h3, pre {font-family: "Mona Lisa Solid ITC TT", Verdana, Tahoma, courier, sans-serif; 
margin-left: 24px;
}

h3 {font-weight: bold;}

#palimp   {position: absolute;
           top: -170px;
           left: -200px;
           width: 400px;
           color: white;
           padding-top: 110px;
           text-indent: 75px;       
           text-indent: -2000px;
           background: url(/pics/palimp.gif) no-repeat transparent;
           height: 160px;
           font-size: 200%;
           z-index: 0;
           }
           
#obscura {position: absolute;
         top: 0;
         left: 0;
         background: url(/pics/stella.gif) 45% 50% no-repeat transparent fixed;
         width: 100%;
         height: 100%;
         margin: 0 auto;
         
}

#main li     { list-style-image: url(/pics/dots.gif); 
             }


#footer  {z-index: 0;
          bottom: 0;
          padding: 5px;

}