/**************************************
* CSS stylesheet for dlormand.us site *
**************************************/

/* All paragraphs */
p, li, blockquote {
    font-family: serif;
    font-size: 1em;
    font-weight: 400;
  }

/* The page will live inside a single table.  Top row is header,
 * second row has two columns - left is nav, right is content. */
table#body {
    width: 800px;
  }

/* Header on page is a single-cell table with an image on the left side */
td#header {
    height: 200px;
    background-color: #F3B044;
    background-image: url(header.jpg);
  }

img#header-img {
    height: 180px;
    padding: 10px;
  }

/* Navigation bar on the left side */
td#nav {
    width: 25%;    /* 200px; */
    background-color: #F3B044;
    vertical-align: top;
    padding: 5px;
  }

td#nav h3 {
    font-family: serif;
    font-size: 1.2em;
    font-weight: 400;
    text-align: center;
  }

td#nav p, li {
    font-family: serif;
    font-size: 1em;
    font-weight: 400;
  }

td#nav p.topline {
    font-family: helvetica, helv, arial;
    font-size: 20px;
    color: #000099;
    font-weight: 400;
  }

/* Content area of page */
td#content {
    vertical-align: top;
    padding: 5px;
  }

td#content p.topline {
    font-family: helvetica, helv, arial;
    font-size: 25px;
    color: #000099;
    font-weight: 600;
  }

td#content p.topline-center {
    font-family: helvetica, helv, arial;
    font-size: 25px;
    color: #000099;
    font-weight: 600;
    text-align: center;
  }

td#content span.date {
    font-size: 20px;
    color: #000099;
    font-family: helvetica, helv, arial;
    font-size: 1.2em;
    font-weight: 400;
  }

td#content table.quote {
    width: 500px;
    background: silver;
    padding: 10px;
  }

td#content table.quote p {
    margin-top: 0px;
    margin-bottom: 0px;
  }