/* link decoration */
a:link {color: #3366ff; text-decoration: underline;}

a:visited {color: #3366ff; text-decoration: underline;}

a:active {color: #3366ff; text-decoration: underline;}

a:hover {color: #ff3333; text-decoration: underline}

/* page layout */
body {text-align: center;
      font-family: Times, Times New Roman, Nimbus Roman No9 L, serif;
      margin: 0px;
      padding: 0px;}

abbr, acronym {cursor: help;}

div#main {text-align: left;
          margin: 20px auto;
          padding: 30px;
          border: 1px solid gray;
          background: #ffffcc;}

/* IE box model hack */
div#main { 
  width: 772px; /* IE */
  voice-family: "\"}\""; 
  voice-family: inherit;
  width: 670px; /* real width for "polite" browsers */
}

html>body #main {width: 670px;} /* "be nice to Opera 5" rule */
/* end of IE box model hack */

.link_area {text-align: right;
            font-size: 80%;}

p, li {text-align: justify;
       margin-top: 0px;
       margin-bottom: 1em;}
    
h3, h4 {font-family: Helvetica, sans-serif;
        color: #663366;
        margin-top: 2.5em;
        margin-bottom: 1em;}
        
h3.first, h4.first {margin-top: 0px;}

.date {font-size: 75%;}

.img_other, .img_left, .img_right {border: solid 1px gray;
                                  padding: 2px;}

.img_other {margin: 8px;
            vertical-align: middle;}
            
.img_right {float: right;
            margin: 8px 0px 2px 8px;}

.img_left {float: left;
           margin: 8px 8px 2px 0px;}
           
div.images_center {text-align: center;
                   margin-bottom: 1em;}

.img_large {border: solid 1px gray;
            margin-bottom: 5px;}