/* Overall page look */

body {

    background: #AACCCC;

    margin: 0;

    padding: .4em;

    border: 0;

}



table {

    margin: 0;

    padding: 0;

    border: 0;

    border-collapse: separate;

    border-spacing: 0;

}



td {

    margin: 0;

    padding: 0;

    border: 0;

}



div {

    margin: 0;

    padding: 0;

    border: 0;

}



/* Title */

h1.title {

    text-align: center;

    padding: 0;

    padding-bottom: .2em;

    margin: 0;

    border: 0;

    border-bottom: 2px groove #AACCCC;

}



/* Footer */

div.Copyright {

    border-top: 2px groove #AACCCC;

    padding-top: .3em;

    text-align: center;

    font-family: sans-serif;

    font-weight: bold;

    font-size: small;

}



/* navigation bar is the same for all pages */

td.nav {

    padding-top: 2px;

}



.nav table {

    background-color: #AACCCC;

}



.nav td {

    padding: 2px;

    /*border: 1px outset #AACCCC;*/

    margin: 1px;

    background-color: #CCFFFF;

}



.nav td.noDisplay {

    background-color: #AACCCC;

    color: #AACCCC;

    margin: 1px;

    /*border: 1px solid #AACCCC;*/

}

td.noDisplay {

    color: #AACCCC;

}

.nav a {

    text-decoration: none;

    color: #000000;

}



/* Vertical menu */

td.menu {

    vertical-align: top;

    padding-right: .4em;

}



table.vmenu {

    border-spacing: 0px 4px;

}



.vmenu td {

    background-color: #CCFFFF;

    border: 1px outset;

    text-align: center;

    vertical-align: center;

    padding: 2px;

}



/* Just fiddled with these to see what Netscape4's engine will do */

.menu td {

    text-align: center;

}



.vmenu a {

    text-decoration: none;

    color: #000000;

}



.vmenu td.url {

}



.vmenu td.text {

    border: 1px none;

    background-color: #AACCCC;

}



.vmenu td.link {

}



.vmenu td.here {

    background: #FFFFFF;

    border: 1px inset;

}



/* Text page contents */

.text td.contents {

    background-color: #FFFFFF;

    /*border: 2px outset #AACCCC;*/

    padding: .3em;

}



/* image references */

table.image-refs {

    /*border-spacing: 4px;*/

    empty-cells: hide;

    /*background-color: blue;*/

}



.image-refs td {

    text-align: center;

    border: 2px outset #AACCCC;

    /*background-color: red;*/

   /* border: 2px;

    border-color: black;*/

}



.image-ref tr {

    /*background-color: magenta;*/

}





td div.image-ref {

    /*border: 0;*/

    padding: 4px;

    margin: 4px;

    text-align: center;

    /*background-color: yellow;*/

}



img.image-ref {

    /*border: 2px outset #AACCCC;*/

    margin: 2px;

    /*background-color: magenta;*/

}





div.caption {

}



div.links {

}



span.reference {

    text-align: right;

    font-size: small;

}



/* Image page contents */

table.image {

    width: 100%;

}



.image td.contents {

    text-align: center;

}



.image table.picture {

    background-color: black;

    padding: 10px;

    /*border: 1px inset;*/

    margin-left: auto;

    margin-right: auto;

}



.picture img {

    /*border: 3px outset;*/

}



/* TOC */

div.toc {

    margin: .2em;

    font-weight: bold;

    text-align: center;

    font-size: large;

}



/* Image TOC */

table.toc-image {

    margin-left: auto;

    margin-right: auto;

    /*border-spacing: 4px;*/

    empty-cells: hide;

    background-color: white;

}



/* this is the same .image-refs td :( */

td.image-ref {

    text-align: center;

    /*border: 2px outset #AACCCC;*/

}



/* Text TOC */

table.text-toc {

    margin-left: auto;

    margin-right: auto;

/*    background-color: white; */

    /*border-spacing: .2em;*/

    padding: 3px;

}



.text-toc a {

    text-decoration: none;

    color: #000000;

}



.text-toc td {

    padding: 2px;

    /*border: 1px outset;*/

    margin: 0;

    background-color: #AACCCC;

}