html
{
    padding: 0;
    margin: 0;
}

.body2
{
    color: #000000;
    font-family: Verdana;
    font-size: medium;
    background-color: #2E3C56;   /* very dark blue */
}

/*--------- headings -------- */

header
 {
    display:block;
}

.tophead1
 {
    font-family: Verdana;
    text-align: center;           /* no color */
}

/* ------ links --------- */

a
{
    color: #00329B;             /* dark opaque blue */
    text-decoration: none;
    font-weight: bold;
    font-family: Verdana;
    font-size: 12pt;
}

a:visited
{
    color: #00329B;             /* dark opaque blue */
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;
}

a:hover
{
    color: #00329B;             /* dark opaque blue */
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;
}

a:active
{
    color:  #00329B;                 /* dark opaque blue */
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;
}

.link1
{
    color:  #00329B;                 /* dark opaque blue */
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
}

.link2
{
    color:  #0000FF;                 /* blue */
    font-family: Verdana;
    font-size: 11pt;
    font-weight: bold;
}

/*---------- article content     used with iframe -------- */

div#content
{
    clear: both;
    margin: 18px -1px 18px 18px;
    font-family: Verdana;
    font-size: medium;
}

/*----------- P  or div  tag ---------*/

.pCenter {
    text-align: center;
}

.Pleft
 {
    text-align: left;
    padding: 10px;
}

/*--------- tables --------- */

.table1
{
    text-align: center;
    border: 2px;
}

.table2
{               /* used for PageIndex in Local History Scrapbook */
    margin: auto auto;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: small;
    border: 2px black solid;
}

.table3
 {
    text-align: left;
    width: 116px;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #304155;    /* dark blue */
}

.table4
{
    border: thin black solid;
    margin:0 auto;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    height: 610px;
}

.table5
{
    border: transparent;
    margin:0 auto;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;     /* outer border around imglist and display area */
    border: 4px solid #255480;       /* medium blue*/
}

.td3
 {
    width: 30%;
    background-color: #F0EAF1;           /* imglist frame to the left of display area */      /* light blue */
    border: #255480 solid 1px;
}

.td4
 {
    width: 70%;
    background-color: white;
}

/*----------iframes ---------- */

.frame11
{
    width: 100%;
    height: 540px;
    border: transparent;
    overflow: scroll;
    text-align: center;
}

/*------ <span> and text format------*/

.txtdec2
 {
    font-style: normal;
    font-weight: normal;
    font-family: Verdana;
    font-size: small;
    text-decoration: none;
}

.txtdec3
 {
    font-style: italic;
    font-weight: normal;
    font-family: Verdana;
    font-size: small;
    text-decoration: none;
}

.txtdec4
 {
    font-style: normal;
    font-weight: bold;
    font-family: Verdana;
    font-size: 12pt;
    text-decoration: none;
    color: #000000;
}

.txtdec5
 {
    font-style: normal;
    font-weight: bold;
    font-family: Verdana;
    font-size: 12pt;
    text-decoration: underline;
}

.txtdec6
 {
    font-style: normal;
    font-weight: bold;
    font-family: Verdana;
    font-size: small;
    text-decoration: none;
}

/*---------- blank spacing ------------ */

.bottom1
 {
    margin-bottom: 1cm;  /* equals 3 br in html */
}

.bottom-small /* equals about 2 br in html */
 {
    margin-bottom: .5cm;
}