body
{
  background:#FFF8DC;
  margin:20px;
  font-family:Verdana, sans-serif;
  font-size:11pt;
  color:black;
}
body.popup
{
  background:#ccffcc;
  font-size:80%;
  margin:10px;
}

h1,h2,h3,h4,h5,h6
{
  font-family:Garamond, "Times New Roman", serif;
  color:#A52A2A;
}
h1 { text-align:center; }
h2
{
  clear:both;
  border-bottom:1px solid #c4c4c4;
  margin-top:30px;
}

table.calc, table.sbr { border:2px solid peru; }
table.calc td, table.sbr td { border:1px solid peru; }
table.sbr { width:100%; }
caption { font-weight:bold; font-style:italic; text-align:left; }
caption.image { font-weight:normal; caption-side:bottom; font-size:smaller; }
em { font-weight:bold; }
span.highlight { background-color:yellow; }
span.smallout { font-size:70%; }
span.small { font-size:smaller; }
a.smallLink { font-size:60%; }
.grayed { font-style:italic; color:gray; }
.fineprint { font-size:80%; font-style:italic; color:blue; }

a.centlink{ position:absolute; left:50%; }
a.offsite::after { content:url(offsite.png); padding-left:2px; }
.indent { padding-left:50px; }
.floatright { float:right; margin:0px 0px 10px 10px; }
.floatleft { float:left; margin:0px 10px 10px 0px; }
.striped { background-color:#F0E0CC; }

div.sidebarL,div.sidebarR
{
  width:250px;
  margin:0 1em;
  padding:0.8em;
  background-color:#FFE87C;
  border:medium double #A52A2A;
}
div.sidebarL{ float:left; margin-left:0; clear:left; }
div.sidebarR{ float:right; margin-right:0; clear:right; }

#menu ul
{
  float:left;
  width:100%;
  padding:0px;
  margin:0 0 2.5em 0;
  list-style-type:none;
}

#menu a
{
  float:left;
  text-decoration:none;
  color:white;
  background-color:#F28E53;
  padding:0.2em 1em;
  border-right:1px solid white;
}

#menu a:hover { background-color:#A52A2A; }
#menu li { display:inline; }

p.l1stletter:first-letter
{
  float:left;
  padding:0 0.07em 0 0;
  font-size:400%;
  font-family:algerian, Georgia, "Palatino Linotype", Sylfaen, serif;
  line-height:80%;
}

ul.screw { list-style-image:url(woodscrew.jpg); list-style-position:outside; margin-left:30px; }
ul.nail { list-style-image:url(bentnail20.png); list-style-position:outside; margin-left:50px; }
ul.screwhead { list-style-image:url(screwhead.png); list-style-position:outside; }
ol li { margin:0.6em 0 0.6em 0; }
img.topalign { vertical-align:text-top; }

a:link { color:#0000ff; text-decoration:none; }
a:visited { color:#800080; }
a:hover { color:#CC00CC; text-decoration:underline; }