*:target {background-color: yellow; }
.center {text-align: center; }
.smaller {font-size: smaller; }
.clearboth {clear: both; }
.floatleft {float: left; }
.floatright {float: right; }
.twocol {width: 49%; }



html {background-color: white; }
body {
  margin: 0 auto;
  border: 0.5em solid #fa0;
  color: black;
  background-color: #ddd;
  min-width: 54em;
  max-width: 80em;
  font-family: "Bitstream Vera Serif", Georgia, serif;
}
a {font-weight: bold; text-decoration: none; color: inherit; }
a:hover {text-decoration: underline; }
h1,h2,h3 {font-family: sans-serif; margin: 0; }
h1,h2 {text-align: center; }



.pagebox {
  padding: 0.5em;
  font-family: sans-serif;
}



#banner {border: 1em solid #ddd; background-color: white; }
#banner table {width: 100%; border: none; border-collapse: collapse; }
#banner img {height: 6em; }
#banner td {padding: 0; }
#banner h1 {padding: 0.1em 0.25em; margin: 0 0 0.1em 0; }
#banner a {text-decoration: none; color: navy; font-style: italic; white-space: nowrap; }
#banner span {color: #fa0; }
#banner div {color: #555; text-align: justify; font-size: smaller; }



#navbar {padding: 0.5em 0 0 15em; background-color: #fa0; }
#navbar ul {margin: 0; padding: 0; }
#navbar li {
  display: inline;
  margin: 0;
  padding: 0 0.25em;
  text-align: center; 
  color: white;
  background-color: #fa0;
  font-family: sans-serif;
}
#navbar li.currentpage {
  padding: 0.1em 0.5em;
  color: navy;
  background-color: white;
}
#navbar li.currentpage a {color: navy; }
#navbar a:hover {color: navy; text-decoration: none; }



.sidebox {padding: 1em; width: 12em; }
.sidebox div {font-size: smaller; }
.sidebox h2 {margin: 0 0 0.25em 0; font-size: 125%; }
.sidebox ul {
  list-style: square;
  margin: 0;
  padding: 0 0 0 1.5em;
}
.sidebox ul li {margin: 0.3em 0 0 0; padding: 0; line-height: 1.1em; }
.sidebox span {font-variant: small-caps; }



#pagecontent {
  margin: 0 14em;
  color: navy;
  background-color: white;
  padding: 1em;
  min-height: 50em;
  border-left: 0.5em solid #fa0;
  border-right: 0.5em solid #fa0;
}
#pagecontent a {color: #fa0; }
#pagecontent h2 {margin: 0.5em 0 0 0; text-align: center; }
#pagecontent h2.title {display: none; }
#pagecontent li {margin: 0.5em 0; }


#pagecontent ul.documentation {list-style: none; margin: 0; padding: 0; }
#pagecontent ul.documentation li {margin: 0 0 1em 0; padding: 0; }
#pagecontent ul.documentation ul {list-style: disc; margin: 0; padding: 0; }
#pagecontent ul.documentation ul li {margin: 0.5em 0 0 1.5em; padding: 0; }



#pagecontent var {font-variant: small-caps; }

#pagecontent kbd {white-space: nowrap; border: 1px dotted #fa0; padding: 0 2px; }
#pagecontent kbd.display {display: block; }



#bottom {
  clear: both;
  border-top: 0.5em solid #fa0;
  padding: 0 0.25em;
}
#bottom img {border: none; }
#bottom div {font-size: smaller; color: #777; }




@media print {
  .sidebox {display: none; }
  #navbar {display: none; }
  #pagecontent {
    margin: 0;
    color: black;
    border: none;
    }
}