body {
          background: #7E984D url(/img/bg.jpg) repeat-x fixed left bottom;
          font-family: 'Garamond', Times, serif; 
	  color: #FAF0E6;
          margin-top: 0;
          margin-bottom: 0;
          margin-left: 0;
	  margin-right: 0;
          text-align: center;
        }

        #main {
          margin: 10px auto 10px auto; 
          background-color: #F3F4F0;
          width: 800px;
          border: 10px solid white;
          height: auto;
          display: table;
        }
    
        #header {
          background-color: #7E984D;
          text-align: right;
          height: auto;
          width: 100%;
          display: block;
          padding-bottom: 25px;      
        }

        .title {
          text-align: right;
          color: white;
          font-size: 4em; 
          margin-right: 30px;      
        }

        #navigation {
          width: 800px;
          background: #D9E1E5 url(img/nav.jpg);
          border-top: 1px solid #D8EBD8;
          height: auto;
          text-align: center;
          display: block;
        }

        #navigation a{
          font: bold 1em Garamond;
          color: #333300;
          text-decoration: none;
          border-right: 1px solid #D8EBD8;
          line-height: 41px;
          float: left;
          display: inline;
          width: 99px; /*      (WIDTH - (#LINKS-1)) / #LINKS       */
          background: transparent url(img/nav.jpg) left top repeat-x;
        }

        #navigation a:hover {
          background: transparent url(img/nav.jpg) left bottom; 
          color: #333300;
          text-decoration: none;
        }

        #content {
          width: 100%;
          background-color: #F3F4F0;
          height: auto;
          display: block;
          color: black;
          border-top: 4px solid white;
        }

        #leftcontentarea {
          background-color: #F3F4F0;
          color: black;
          border-right: 4px solid white;
          text-align: left;

          width: 550px;
          height: auto; 
          overflow: auto;

          padding: 5px 15px 5px 15px;
          display: inline;
          position: relative;
          float: left;

        }

        #rightcontentarea {
          background-color: #F3F4F0;
          color: black;
          text-align: left;
          line-height: 1.5em;

          width: 225px;
          height: auto;
          overflow: auto;

          /* float: right; */
          position: relative;
          padding: 0px 0px 0px 0px;
          display: inline;
        }

        #content p {
          text-indent: 20px;
          width: 100%;
        }

        #footer {
	  background-color: #7E984D ;
 	  height: 35px;
          border-top: 6px solid #A7B389;
          width: 100%;
          display: block;
          float: left;
        }

        .pagetitle {
          font-size: 2em;
          wont-weight: bold;
        }

        .work {
          margin-left: 25px;
          margin-top: 15px;
        }

        .quote {
          margin-top: 25px;
          margin-left: 25px;
          font-size: 1.3em;
          font-style: italic;
        }

        .source{
          margin-left: 60px;
          font-size: 1em;
        }

        .article{
          margin-top: 25px;
          margin-left: 25px;
          font-size: 1em;
        }