/* Mistakes in here can really screw things up; so be careful! */
html { font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; }
body {color: black; background: #FFFFFF; }
h1 { border: 8px red solid; color: white; background: darkblue; padding-bottom: 4px; padding-right: 8px; text-align: right; font-family: Georgia, serif; border-style: outset; }
h2, h3 { border: 2px blue solid; color: blue; background: #FFFFFF; padding-bottom: 4px; padding-top: 4px; padding-right: 4px; text-align: center; font-family: Georgia, serif;}
h4 { border: 2px blue solid; color: blue; background: #FFFFFF; padding-bottom: 4px; padding-top: 4px; padding-right: 4px; padding-left: 4px; text-align: left; font-family: Georgia, serif;}
table { font-family: Helvetica, Arial, sans-serif; }
table.time_login { font-family: Helvetica, Arial, sans-serif; }
table.case { font-family: Helvetica, Arial, sans-serif; font-size: 1.0em; }
div.contact { border-left: double blue 4px; padding-left: 2px; font-size: 0.8em; font-weight: bold; }
a:link, a:visited {color: blue; text-decoration: none; }
a:hover { font-family: Georgia, serif; color: red; }
a.button { font: caption; }
hr { background-color: blue; height: 4px; }
dd { padding: 10px; }
span.book { font-variant: small-caps; text-decoration: none; }
/*This is an example of how you can _re_-define an element.*/
/* but let's not :)
em { font-style: normal;
     font-weight: bold;
     color: red;
     background: yellow;
     cursor: default;
} */
/*'hover' makes most sense on links, but it works elsewhere.*/
em:hover {font-style: italic;}
th.syll { color: white; }
span.footnote { font-size: x-small; }
div.index { text-align: center; font-size: small; }
div.idx { text-align: left; font-size: small; }
li.idx { list-style-type: circle; }