body {
      background-color: #666666;
      font-family: Arial, Helvetica, sans-serif;
      text-align: center;
    }


    #body-block{          /* Container for header, content, and footer */
     /* position: absolute; */
         width: 790px;
         margin-left: auto;
         margin-right: auto;
         margin-top: 30px;
         padding: 0px;
         text-align: center;
    }

    #photo-page{
     /* position: absolute; */
         width: 600px;
         margin-left: auto;
         margin-right: auto;
         margin-top: 10px;
         padding: 0px;
         text-align: center;
    }

    .lefttext{
      text-align: left;
    }

    img{
      border: thin;
    }


/*the Centered Image class must be applied to a block-level tag such as p or h1*/
    .centered_image
    {
      text-align:center;
      margin-top:0px;
      margin-bottom:0px;
      padding:0px;
    }

    body, p, td, th,div,blockquote, dl,ul, ol {
      font-family: Arial, Helvetica, sans-serif;
      color: #CCCCCC;
      font-size: 0.95em;
    }

    h1, h2, h3 {
      text-align: center;
    }

    .righttext{
      text-align: right;
    }


    h1.italic, h2.italic, h3.italic, h4.italic {
      font-style: italic;
    }


    p, blockquote {
      line-height: normal;
    }

/*order of specification of <a> pseudo classes is relevant!!  */
    a:link {
      color: white;
      text-decoration: underline;
    }

    a:visited {
      color: white;
      text-decoration: underline;
    }

    a:hover {
      color: yellow;
      text-decoration: underline;
    }

    a:active {
      color: white;
      text-decoration: underline;
    }