body {background: white; color: black; padding: 0; margin: 0;
      font-family: Comic Sans MS, sans-serif;}

/* Sitewide defaults */
img { border: none; }

div.branding {background: #ff6600; color: black; white-space: nowrap; margin: 0;}
div.branding h1 {text-align: center; margin-bottom: 0; padding-top: 0.125em;}
div.branding p#tagline {text-align: center; margin-top: 0.25em;
                        font-size: larger; padding-bottom: 0.25em;
                        margin-bottom: 0; }

div.menu {background: black; color: silver; margin: 0; white-space: nowrap}
div.menu p {margin: 0; padding: 2px;}
div.menu a:link {text-decoration: none; font-style: normal;
                 font-weight: bold; color: #ff6600; background-color: #000000;}
div.menu a:visited {text-decoration: none; font-style: normal;
                    font-weight: bold; color: #ff6600;
                    background-color: #000000;}
div.menu a:hover {text-decoration: none; font-style: normal;
                  font-weight: bold; color: #000000; background-color: #ff6600;}
div.menu a:active {text-decoration: none; font-style: normal;
                   font-weight: bold; color: #000000;
                   background-color: #ff6600;}

div.content {background: white; color: black; margin: 0; padding: 1em;
             height: 100%;}
div.content h1 {margin-top: 0; color: #ff6600;}
div.content p {color: black;}
div.content hr {border-width: 1px; color: silver;}
div.content b {color: #ff6600;}
div.content p.byline {color: #ff6600; margin-top: 0;}
div.content p.subtitle {margin-top; 0; color: silver;}

/* For the photo pages, the ones with a few photos stacked vertically */
div.slide {width: 400px; margin-top: 2em;}
div.slide p {text-align: center; margin-top: 0;}

xdiv.footer {margin: 0; padding-left: 1em; padding-right: 1em; padding-top: 0;
            padding-bottom: .25em; background: silver; color: black;}
xdiv.footer p {font-size: smaller;
              margin-top: 0;}

div.footer {margin-left: 200px; margin-top: 0; padding-left: 1em;
            padding-right: 1em;
            padding-top: 0; background-color: white;
            padding-bottom: 0.25em; color: black;
            text-align: center;}
div.footer p {font-size: smaller; margin: 0;
              border-top: 1px solid}

div.LeftMenu {float: left; width: 200px; background-color: silver;
              padding: 1em; margin: 0; height: 100%; }

div.Enclosing {position: relative; height: 100%;}

/* Styles for pages listing books I've written, books I've edited, etc. */
.BookCredit img {text-align: left; float: left; margin: 1em}
.BookCredit p {text-align: left; margin: 1em; font-size: smaller;}
.BookCredit b {color: #ff6600;}
table.BookCredit {border: 1px solid #000066; border-width: 0px 2px 2px 0px;}
.BookCredit td {border: 1px solid #000066; border-width: 2px 0px 0px 2px;}

/* Styles for my demo, SQL*Plus report */
table.detail {width: 100%;}
table.detail td {padding-left: 5px; padding-right: 5px;
                 background: #eeeeee; color: black;}
table.detail th {padding-left: 5px; padding-right: 5px;
                 text-decoration: underline;}
p.left {text-align: left;}
p.right {text-align: right;}