body { padding:0;
       background-repeat:no-repeat;
       background-attachment:fixed;
       background-position:top right;
       font-family:sans-serif;
       }

.intro { margin:0 10% 10% 10%; }
.content { margin:1em 10%; }

.nav-block { text-align:center; font-weight:bold; margin:1em -10%; }
.nav-block a { margin:0.5em; padding:2px; border-style:solid; border-width:1px; border-color:black; text-decoration:none; } 

.NAV-BAR a:link,
.NAV-BAR a:visited,
.NAV-BAR a:hover,
.NAV-BAR a:active,
.NAV-BAR a:focus { text-decoration:none; color:white; }

/*.NAV-BAR a:hover { } */

.NAV_BAR .inactive { color:#999999; }

.H2,
.H3,
.H4,
.H5,
.H6 { padding:3em 3em 1em 3em;
      border-style:solid; border-color:black; border-width:1px;
      margin:-0.5em 0 0 -0.5em; 
      }
.H2 { background-color:#ffcc33 }
.H3 { background-color:#33ccff }
.H4 { background-color:#ffffcc }
.H5 { background-color:#ccffff }
.H6 { background-color:#ffffff }

.SHADOW { margin:2em -2em 0em -2em;
          padding:0.25em;
          background-color:black; 
          }

.H2 .NAV-BAR .leftFlush,
.H2 .NAV-BAR .rightFlush {background-color:#cc9900}
.H3 .NAV-BAR .leftFlush,
.H3 .NAV-BAR .rightFlush {background-color:#0099cc}
.H4 .NAV-BAR .leftFlush,
.H4 .NAV-BAR .rightFlush {background-color:#cccc99}
.H5 .NAV-BAR .leftFlush,
.H5 .NAV-BAR .rightFlush {background-color:#99cccc}
.H6 .NAV-BAR .leftFlush,
.H6 .NAV-BAR .rightFlush {background-color:#cccccc}

.NAV-BAR { margin:-3em -3em 3em -3em ; 
           padding:1px; 
           position:relative;
           }

.leftFlush  { position:absolute;left:0px;
              font-size:x-large;
              width:100%
              }
.rightFlush { position:absolute;right:0px;
              text-align:right;
              font-size:x-large;
              }

img { border-width:0px; }



.illustration,
.example { border-style:dotted; border-color:black; border-width:1px; 
           padding:0.5em;
           margin:0.5em 0;
           text-align:center; 
           background-color:white; 
           position:relative; }

.label { position:absolute;
         right:1pt;
         top:1pt;
         font-size:x-small; 
         font-style:italic;
         color:#999999; }

.example pre{ text-align:left; font-size:larger; font-weight:bold; }

.caption { font-size:smaller; }

.MATH { font-style:italic; font-family:serif; }

.FN { color:#666666; cursor:pointer; font-size:smaller; font-weight:bold; }
.FN:hover {  }
.footnote { display:none;  }
.footnote-shown { display:run-in; font-weight:normal;}