body {
 background: white;
}

.content {
 padding: .5em;
}

/* title bar at top of page */

.topbar {
  font-family: arial, helvetica, sans-serif;
   font-style: italic;
   text-align: right;
padding-right: 1em;
        color: yellow;
   background: #314294;
}

/* navigation bar on left side */

td.navbar {
   text-align: left;
  font-family: arial;
        color: white;
   background: black;
      padding: .5em;
}

.space-right {
 padding-right: 1em;
}

a.navbar:link {color: white; text-decoration: none;}
a.navbar:visited {color: white; text-decoration: none;}

a.navbar-selected:link {color: lightgreen; text-decoration: none; font-weight: bold} 
a.navbar-selected:visited {color: lightgreen; text-decoration: none; font-weight: bold} 

/* horizontal separator bars */

div.hbar {
   background: #314294;
  font-family: gill, arial, helvetica, sans-serif;
	color: white;
        clear: left;
}

td.hbar-title {
   font-style: italic;
  font-weight: bold;
   text-align: left;
  text-indent: .5em;
}

td.hbar-date {
    font-size: smaller;
  font-weight: normal;
   font-style: italic;
   text-align: right;
padding-right: .5em;
}

tr.alternating-row {
  background: rgb(200,200,200);
}

/* copyright/date line at bottom of page */

.footer {
 padding-left: 1em;
padding-right: 1em;
}

#footer-left {
         font: italic small sans-serif;
   text-align: left;
}

#footer-right {
         font: italic small sans-serif;
   text-align: right;
}

.rubric {
    font-weight: bold;
          color: rgb(153,0,0);
}

.code-example {
    font-family: monospace;
    margin-left: 2em;
}

ul li {padding-bottom: .5em}

p.space-before {padding-top: .5em}
div.space-before {padding-top: .5em}

a.plain:link {text-decoration: none;}
a.plain:visited {text-decoration: none;}