div.outer {
        width: 100%;
        text-align: center;
      }
      div.image_box {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
      }
      div.caption {
        clear: both;
      }
      span.title {
        font-size: 10pt;
        font-weight: bold;
        font-family: Georgia, Lucida Grande, Verdana, Helvetica;
        float: left;
      }
      div.image_info {
        float: left;
      }
      div.image_info {
        text-align: right;
        margin: 10px;
        font-weight: bold;
      }
      div.image {
        float: left;
      }
      div.date {
        font-size: 10pt;
        font-family: Georgia, Lucida Grande, Verdana, Helvetica;
        margin: 10px;
      }
      div.subjects {
        font-size: 10pt;
        font-family: Georgia, Lucida Grande, Verdana, Helvetica;
        margin: 10px;
      }

      a:link, a:visited {
        font-weight : normal; 
        text-decoration : none;
        color: #339;
        background: transparent; 
      }

      a:hover {
        font-weight : normal; 
        text-decoration : underline;
        color: #999;
        background: transparent; 
      }

      a:active {
        font-weight : normal; 
        text-decoration : none;
        color: #526968;
        background: transparent;  
      }

      div.clearing {
        clear: both;
      }

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  background:url(/images/effects/shadow.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(/images/effects/corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 4px 4px 0;
  background:url(/images/effects/corner_tr.gif) right top no-repeat;
  }
.wrap3 img {
  display:block;
  }

      #subject-column {
        float: right;
        background-color: #ddd;
        margin: 10px;
        padding: 10px;
      }
      #image-column {
        float: left;
      }

div.sidebox {
  margin: 8px;
  padding: 8px;
  border: solid black 1px;
 }