/* This stylesheet is meant to stand alone for photo pages, */
    /* so include 'body' and anything that should be duplicated */
    /* from the site's global stylesheet.                       */


    body              { margin: 15px 0px 40px 0px;
                        background: #477 }

    div               { clear: both }

    td                { vertical-align: top; padding: 0px 4px 0px 4px; }

    body.photoindex   { background: #FFC0FF }

    font.photoindex   { color: #7F003F }

    div.photoindex    { margin: 0px 36px 0px 36px }

    table.photoindex  { width: 800px; padding: 0px; margin: 0px }

    td.phototitle     { text-align: center; padding: 20px 4px 12px 4px }

    td.photo          { text-align: center; padding:  8px 4px  0px 4px }

    .phototitle       { color: #fff; font: bold italic 12pt arial,helvetica,sans-serif }

    .photosubtitle    { color: #fff; font: 10pt arial,helvetica,sans-serif }

    .photocaption     { text-align: left; font: 9pt arial,helvetica,sans-serif;
                        color: #fff; vertical-align: bottom }
  
    .photocredit      { text-align: right; font: italic 9pt "times new roman",georgia,serif;
                        color: #fff }

    /* 'a' without pseudo-link means both 'a:link' and 'a:visited' */

    a.photo           { font-weight: bold; text-decoration: none;
                        color: #ff0 }