body { margin-left:  0;
       margin-right: 0;
       background-color: white;
       font-family: Georgia, Times New Roman, Times, Arial, Times, serif;
       width:62em
}
h1, h2 { font-family: Georgia, Arial, Verdana, sans-serif; }
h1 { font-size: 200%}
h2 { font-size: 150%}
h3 { font-size: 100%}

h1, h2, h3, h4, h5, h6 { margin-left: 3% }

pre {
     color: green; font-weight: bold;
     white-space: pre; font-family: monospace;
}

#td { font-family: sans-serif; font-size: 100% }
tt { color: green }
em { font-style: italic }
strong { font-weight: bold }
div.box { border: solid; border-width: thin; }

div.symbols { font-family: Symbol }

q {  quotes:"\201C"  "\201D" "\2018" "\2019";}

q:before{ content: open-quote; } 
q:after { content: close-quote;} 

blockquote:before{ 
    content: open-quote;
    font: italic 1.4em Georgia;
    text-indent: 1.4em;
} 

blockquote:after { 
    content: close-quote;   
    font: italic 1.4em Georgia;
} 

blockquote {
  font: italic 1.0em/1.2em Georgia, "Times New Roman", Times, serif;
  text-indent: -0.8em;
/*  background: url(close-quote.gif) no-repeat right bottom;
  padding-left: 18px;
  padding-right:18px;
  text-indent: -18px;
*/
}

/*
blockquote:first-letter {
  background: url(open-quote.gif) no-repeat left top;
  padding-left: 18px;
  font: italic 2em Georgia, "Times New Roman", Times, serif;
}*/

/* blockquoteBefore and After are used for citings at the top of pages */

blockquoteBefore {
 width : 90%;
 content: "URI: " attr(cite);
 font-style:    italic;
 border-bottom: 1px dotted #999;
 border-width: medium;
 padding-top: 0.25em;
 display:   block;
 color:   #000;
}

blockquoteAfter {
 content: "URI: " attr(cite);
 font-style: italic;
 border-top:1px dotted #999;
 padding-top:0.25em;
 display:block;
 color:#000;
}

div.color {
  background: rgb(204,200,255);
  padding: 1em;
  border:none
}

p.changed {
    padding-left: 0.2em;
    border-left: solid;
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-color: red;
 }

a.plain { text-decoration: none }

div.longtext{
   font-family:  Georgia, Arial, Times;
   margin: 1em
}

div.menu {
  position: fixed;
  top: 5em;
  width: 8em
}

div.menuItem {
  font-size: 100%;
  text-indent: 0;
  width: 80%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.0em;
  background-color: #EBB000
}

.menuItem A {text-decoration: none; color: white}
.menuItem A:hover {color : rgb(0,0,255) } 

td.leftMenu {
   width: 7.5em;
   vertical-align: top;
   padding: 6px;
   color: white; 
   background-image: url('menuBackground.gif');
   border-right: 1px solid black; 
   border-left:  1px solid black; 
}

td.center {
   width: 30em;
   vertical-align: top;
   padding: 2px 0 0 5px; 
}

td.right {
   width: 15em;
   vertical-align: top;
   padding: 0 0 0 0;
} 

div.slink {
  font-size: 100%;
  text-indent: 0;
  width: 80%;
  margin: 0.5em;
  padding: 0.0em;
}

.slink A {text-decoration: none; color: green}
.slink A:hover {color : rgb(0,0,255) } 

div.firstPar { font-size: 100% }
div.firstPar:first-letter { font-size: 150%; font-weight: normal; }

div.figure {
  width: 80%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

img.frame {
  padding: 5 px;
  border: 1 px solid blue;
}

img.scaled {
  width: 100%;
}

div.banner {
  margin: 0;
  font-size: 80%;
  font-weight: bold;
  text-align: center;
  position: fixed;
  left: auto;
  width: 8.5em;
  right: 2em;
}

div.banner p {
  margin:0;
  padding: 0.3em 0.4em;
  font-family: Georgia, Arial, sans-serif;
  background: #900;
  color: white;
}

span.dateHeader {
  color : red;
  font-size : 1em
}

a.lmenu {color: white; width: 7em; white-space:nowrap; text-decoration: none}
a.lmenu:hover {background-color: black; white-space:nowrap; text-decoration: none}

/* Horizontal Top Menu */

#nav {
   z-index: 30000;
   position: relative; 
   left: 0px; 
   top: 50px;
   height: 28px;
   vertical-align: middle;
   text-align: center;
   background-image: url(menuBackground.gif);
   border-top: 1px solid black;
   border-left: 1px solid black;
   border-bottom: 1px solid black;
   border-right: 1px solid black;
}

#nav, #nav ul {
 padding: 0;
 margin:  0;
 list-style: none;
}

#nav a {
 display: block;
 text-decoration: none;
 color: white; 
 text-align: center;
 vertical-align: middle;
 height: 24px;
 border-bottom: 1px solid black; 
 border-left: 1px solid black; 
 padding-top: 4px;
}

#nav a:hover  {background-color: black } 
#nav a:active {color: rgb(0,0,255) } 

/* The commands in the top menu */ 
#nav li {
 float: left;
 background-image: url(menuBackground.gif);
 vertical-align: middle;
 color: white;
 width: 7.5em;
}

/* The commands in the drop down menus */
#nav li ul {
 position: absolute;
 width: 7.5em;
 left: -999em;
 border-right: 1px solid black; 
}

#nav li:hover ul {
 left: auto;
}
/* --  End for the top menu bar -- */

div.main {position:relative;   left:0px; top:48px}
table.main {position:relative; left:0px; top:48px; -webkit-border-horizontal-spacing: 0}