/* --- Styles general to the whole site. --- */
/* Body style incorporates the sidebar graphic. */
body {
   background-image: url(/graphics/sidebar.jpg);
   background-repeat: repeat-y;
   margin-top: 0;
   margin-left: 0;
   margin-right: 0;
}
/* This table encloses the entire page body. */
table.body {
   text-align: left;
}
/* This table contains the strip of graphics at top of all pages. */
table.banner {
   text-align: left;
   margin-top: 0;
   margin-left:0;
   margin-right: 0;
   margin-bottom: 0;
}
/* This table contains the top level nav links over the background stripe. */
table.topnav {
   background-image: url(/graphics/topnav-bg.png);
   text-align: left;
   margin-top: 0;
   margin-left:0;
   margin-right: 0;
   margin-bottom: 0;
}
/* This table contains second-level+ nav links and overlays the sidebar stripe. */
table.sidenav {
   margin-top: 0;
   margin-left:0;
   margin-right: 0;
   margin-bottom: 0;
}
/* This table contains the actual page content; everything below the top
   navbar, above the footer, and to the right of the sidebar. */
table.content {
   margin-top: 0px;
   margin-left: 10px;
   margin-right: 5px;
   margin-bottom: 5px;
   height: 350px;
}
/* Divisions to set the background color for the page content area.
   Use SetBodyBGColor("<divisionname>") before including header. */
div.white {
   color: #000000;
   background-color: #ffffff;
}
div.gray {
   color: #000000;
   background-color: #a0a0a0;
}
div.darkgray {
   color: #000000;
   background-color: #606060;
}
/* The standard page footer with its ruled separator. */
div.footer {
   width: 640px;
   text-align: center;
   font-size: 10pt;
   font-style: italic;
}
hr.footer { width: 75%; }

/* --- Navigation link styles. -- */
/* Side nav links go bold when active; otherwise remain unchanged.
   This simulates the behaviour of the graphical links. */
a.sidenav0 {
   text-decoration: none;
   color: #000000;
}
a.sidenav1 {
   text-decoration: none;
   color: #000000;
   font-weight: bold;
}

/* --- Styles specific to technical documentation. --- */
/* This gives a bold subtitle without being part of the H1/H2/H3 hierarchy. */
p.subtitle {
   font-weight: bold;
   font-size: larger;
}
/* Use this to enclose a <pre> section for computer input/output text. */
div.computer {
   background-color: #cefbf4;
   color: #000000;
}
/* Use this to enclose what the user should type. */
span.userinput {
   background-color: #cefbf4;
   color: #0000ff;
}
/* Highlight terms being defined or described. */
p.keyword {
   font-family: sans-serif;
}

/* --- Styles specific to presenting photographs. --- */
/* Headings for pictures. */
h1.picturetitle {
   font-style: italic;
}
/* The links from the thumbnails to the enlargements. */
a.picturenav {
   text-decoration: underline;
   color: #000000;
}
/* The Prior/Next links on the image enlargement pages. */
p.picturenav {
   text-align: right;
}

/* --- Styles specific to writings. --- */
/* Story formatting. */
p.story {
   font-family: sans-serif;
   font-style: italic;
   margin-left: 40px;
   margin-right: 40px;
}
hr.story { width: 90%; }

/* Stuff in progress...
*/
p.picturetitle {
   font-style: italic;
   font-weight: bold;
   font-size: larger;
   /*
   color: #e0e0e0;
   */
}

span.picturecaption {
   font-style: italic;
   font-weight: bold;
}