a {
  text-decoration: none;
  font-weight: bold;
}
#centercontent a {
  text-decoration: none;
  font-weight: bold;
  color: #aa0000;
}
.el a { 
  text-decoration: none;
  font-weight: bold;
  color: #004400;
}
#leftcontent a {
  text-decoration: none;
  font-weight: bold;
  color: #004400;
}
.ot a {
  text-decoration: none;
  font-weight: bold;
  color: black;
}
#rightcontent a {
  text-decoration: none;
  font-weight: bold;
  color: #002040;
}

#banner {
  background:#fff;
  background-image: url("rug70.jpg");
  background-repeat: repeat-x;
  color: white;
  height: 65px;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 60px;
}
html>body #banner {
  height: 60px;
}
        
body {
  font: 90%/1.2 Verdana, Arial, Helvetica, sans-serif;
  background: #fff;
  color: black;
  padding: 0px;
  margin: 10px 10px 0px 10px;
  padding: 0px;
}

.big { font-size: 14px; }

.caption {
  text-align: center;
  margin-left: 85px;
  margin-right: 85px;
  margin-bottom: 10px;
}

#centercontent {
  max-width: 450px;
  background: #fff;
  margin-left: 169px;
  margin-right: 209px;
  padding-left: 10px;
  padding-right: 20px;
  padding-top: 4px;
  /*
  Read expl of following hack at http://www.glish.com/css/hacks.asp
  */
  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 171px;
  margin-right: 211px;
}
html>body #centercontent {
        margin-left: 171px;
        margin-right: 211px;
        }

code { 
  font-family: monospace;
  font-weight: bold;
  font-size: 1.0em;
}
#centercontent code { color: #008800; }

dfn { font-style: italic; }

/* ellipses */
.el { font-weight: bold; }

#footer {
  font-size: 80%;
  text-align: center;
}

#banner h1 {
  font-size: 30px;
  font-weight: normal;
  padding: 6px 10px 0px 10px;
  margin: 0px;
}
.h2 {
 font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 16px;
}
.h3 { 
 font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 14px;
}

.hide { display: none; }

img { border: 0px solid white; }
#thumbnails img { margin: 5px; }
img.inline { margin-left: 8px; }

#leftcontent {
  position: absolute; left:10px; top:76px;
  padding: 10px 10px 10px 10px;

  width:140px;
  color: #004400;
  background: white;
}

#rightcontent li { margin-bottom: 0; }
li { margin-bottom: 10px; }

.misc { text-align: center; }

.o { font-style: italic; }

.od { color: #aa0000; }

ol { margin-right: 40px; }

.oo { font-size: 16px; margin-bottom: 4px; text-align: center; }

#centercontent .os {
  padding-top: 10pt;
  text-indent: -5px;
}
#rightcontent .os {
  padding-bottom: 12pt;
  text-indent: -5px;
}
.ot { 
  font-weight: bold;
  font-size: 16px;
}

#centercontent p {
  font-family: Palatino, serif;
  margin: 0.5em 0 0.5em 0;
  line-height: 1.2;
}
#centercontent li {
  font-family: Palatino, serif;
  margin: 0.5em 0 0.5em 0;
  line-height: 1.2;
}

.p1 { text-indent: -5px; }

.principles { font-size: 14px; margin-bottom: 4px;}

#rightcontent {
  padding-left: 10px;
  padding-right: 10px;
  position: absolute; right: 10px; top: 80px;
  padding-top: 6px;
  padding-bottom: 10px;
  width: 200px;
  background: #88ddaa;
  color: #002244;
}

a#sans {
  font-weight: normal;
  background: #fff;
  font-family: Verdana, sans-serif;
}
a#serif {
  font-weight: bold;
  padding: 2px;
  background: #88ddaa;
  font-family: Palatino, serif;
}

.show { display: inline; }

th { background: #88ddaa; }
table { background: #eeeeee; }

#thumbnails { max-width: 5000px; }

#rightcontent ul { margin-top: 0px; padding-top: 0px;}