body {
  margin: 0px;
  background: #ccf;
  font-family: sans-serif;
}
p a:link, p a:visited, span.album a:link, span.album a:visited { 
  color: #000000;
  text-decoration: none;
  border-bottom: 1px dotted #bbbbbb;
}
div.picture { 		/* Picture in the proofsheet */
  margin: 1px;
}
div#content {
  background: white;
  position: relative;
  margin-top: 3em;
  margin-bottom: 6em;
}
table.centered { 
  margin-left: auto;
  margin-right: auto;
}
table.centered tr td { 
  padding: 1em 2em 1em 2em;
  vertical-align: top;
}
p.filename { 
  font-size: 70%;
  margin-top: 0.5em;
  text-align: center;
}
div.picture img { 	/* Picture */
  border: 2px solid black;
  padding: 1px;
  background-color: #ffffff;
}
div.picture img:hover { 
  background-color: #d7e7ff;
}
div#header {
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 1px solid black;
  z-index: 100;	/* Force content to go under it */
}
div#footer {
  position: fixed;
  left: 0;
  bottom: 0;
  border-top: 1px solid black;
}
div#header, div#footer {
  font-size: 85%;
  background: #eeeeee;
  color: #000000;
  padding: 0.5em 1em 0.5em 1em;
  width: 100%;
}
div#footer div.buttons a:link, div#footer div.buttons a:visited {
  border-bottom: none;
}
div#header a:link, div#header a:visited, div#footer a:link, div#footer a:visited { 
  color: #0a5f89;
  text-decoration: none;
  border-bottom: 1px dotted #bbbbbb;
}
div.buttons { 
  position: relative;
  float: right;
  text-align: right;
  margin-right: 2em;
}
img.icon { 
  padding: 0px;
  margin: 0.25em;
  border: none;
}
table.info {
  border-top: 1px solid black;
  background: #eeeeee;
  color: #000000;
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
}
span.section-title1,
span.section-title2,
span.section-title3,
span.section-title4,
h1, h2, h3, h4, h5, h6 {
    font-family:        Verdana, sans-serif;
    font-weight:        bold;
    color:              navy;
}

h1, span.section-title1 {
    font-size:          26px;
}

h2 {
    font-size:          22px;
    border-bottom:      1px solid silver;
}

h3 {
    font-size:          18px;
    margin-top:         15px;
    margin-bottom:      5px;
}

h4 {
    font-size:          14px;
}

h5 {
    font-size:          10px;
}

hr {
 color: silver;
 background-color: silver;
 height: 1px;
 border-top: none;
}

/* --- Body and Main Content Rules --------------------------------------- */

body {
    background-color:   #93A9D5;
}

div, td {
    font-size:          14px;
    font-family:        Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

p {
    margin-top:         5px;
    margin-bottom:      10px;
    margin-left:        5px;
}

a:link, a:visited {
    text-decoration:    none;
    color:              blue;
}

div.toc {
    color:              blue;
    background-color:   #eee;
    border-color:       black;
    border-width:       2px;
    border-style:       solid;
    margin:             1px 0px 1px 0px;
    padding:            2px 0px 3px 5px;
}

div.main-content {
    background-color:   white;
    border-color:       black;
    border-width:       2px;
    border-style:       solid;
    margin:             1px 0px 1px 0px;
    padding:            2px 2px 5px 5px;
}

div.toc-item {
    font-size:          12px;
    margin:             0px 0px 2px 25px;
}

div.header {
    background-color:   #eee;
    border-color:       black;
    border-width:       2px;
    border-style:       solid;
    margin:             1px 0px 1px 0px;
    padding:            0px 0px 0px 10px;
    height:             40px;
}

div.footer-nav {
    background-color:   #eee;
    border-color:       black;
    border-width:       2px;
    border-style:       solid;
    margin:             1px 0px 1px 0px;
    padding:            1px;
}

div.legal {
    font-size:          12px;
    color:              white;
    text-align:         center;
}

div.section {
    padding-left:       20px;
    width:              95%;
}

div.sidemenu {
  width: auto;
  margin-right: 3px;
}

div.sidemenumenu {
  background: none #fff;
  border: solid 2px #000;
  padding-bottom: 3px;
  margin-bottom: 3px;
}

div.sidemenutitle {
  background: none #eee;
  border-bottom: solid 1px #000;
  font-weight: bold;
  padding: 3px;
  margin-bottom: 2px;
  font-size: 90%;
}

div.sidemenuitem {
  padding-left: 3px;
  padding-right: 3px;
  font-size: 90%;
}

div.sidemenuitem img {
  vertical-align: middle;
}

pre.verbatim {
    background: #DDD;
    width: 90%;
    margin: 0.5em -4px 0.5em;
    padding: 0.5em 1em 0.25em;
    border: 1px solid gray;
    white-space: pre;
    font: 90% monospace;
}

a:hover { text-decoration: underline; }

