html,body {
  background: #f2f2f2;
  color: black;
  font-family: times, serif;
}
html {
  padding: 0.2cm;
}
a { text-decoration: none;  }
a:link {   color: #d2691e; }
a:visited {color: #d2691e; }
a:hover {  border-bottom: 1px solid #d2691e; }

h1 {
  font: bold 1.3em arial, sans-serif;
  color: black;
  text-align: left;
  margin: 0px 10px 10px 10px;
  }
h1.title {
  color: #8e4513;
  font-family: times, serif;
  letter-spacing: 3px;
  margin: 0;
  text-transform: uppercase;
}
h2 {
  font: bold 1.1em arial, sans-serif;
  color: #8e4513;
  text-align: left;
  border-bottom: 1px solid #8e4513;
  padding-top: 5px;
}
h3 {
  font: bold medium arial, sans-serif;
  color: #8e4513;
  text-align: left;
  }

div.rollimg {
  border: 1px solid #a0a0a0;
  padding: 2px;
}
div.rollimg * {
  border: 1px solid #a0a0a0;
}
td.title {
  letter-spacing: 3px;
  text-transform: uppercase;
  vertical-align: center;
  border: 1px solid #a0a0a0;
  margin: 0;
  width: 100%;
  background: white;
  color: #8e4513}
td.title * {
  white-space: nowrap;
  font-family: times, serif;
  color: #8e4513}

tr.emlight {
  background: #87cefa;
}
tr.emdark {
  background: #f2f2f2;
}
tr.emlight:hover, 
tr.emdark:hover {
  background: #ffffff;
}

p,table {
  font: normal times, serif;
  text-align: left;
  margin-bottom: 10px;
  }


ul li {
  list-style: circle inside;
  font: 1em times, serif;
  text-align: left;
  margin: 0 7px 4px;
  }
ol li {
  text-align: left;
  margin: 0 7px 4px;
}


div.figure {
  font: small;
  margin-top: 55px;
  margin-bottom: 55px;
  text-align: center;
}
div.figure div {
  border: 1px solid #a0a0a0;
  padding-left: 12px;
  padding-right: 12px;
}
div.figure pre {
  border: 1px solid #a0a0a0;
  text-align: left;
  background: white;
}

div.figure form,
div.figure img,
div.figure table {
  border: 1px solid #a0a0a0;
  background: white;
}


div.announcements,
div.links {
  padding-top:10px;
  padding-bottom: 10px;
  padding-left: 5px;
  margin:0px; 
  background: white;
  border: 1px solid #a0a0a0;
}
div.links a:visited { color: #000000; }
div.links a:link {    color: #000000; }
div.links h3 a:link {    color: #8e4513; }
div.links h3 a:visited { color: #8e4513; }

div.announcements h3,
div.links h3{
  font-family: times, serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: nowrap;
  color: #8e4513;
}
div.announcements *,
div.links * {
  margin: 0;
  padding: 2px;
  font-size: small;
}


td.sidebar {
  vertical-align: top;
  margin: 0;
  width: 7cm;
}
td.main {
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: top;
  width: 100%;
}

th { padding-right: 3px; }
th.row { text-align: right; }
th.col {
  text-align: left;
  border-bottom: gray 1px dotted;
}

table.blocks{
  margin: 0;
  padding: 0;
  height: 100%;
  width: 5cm;
  border: 1px solid #a0a0a0;
}
td.wblock{
  width: 25px;
  height: 15px;
  margin: 0;
  background: #ffffff;
  border: 1px solid #a0a0a0;
}
td.cblock{
  width: 25px;
  height: 15px;
  margin: 0;
  background: #87cefa;
  border: 1px solid #a0a0a0;
}

p.error {
  color: red;
}

p.question {
  border: 1px solid #8e4513;
  padding: 10px;
}
p.question b {
  color: #000000;
  letter-spacing: 2px;
}

p.footer {
  font: 9px arial, sans-serif;
  margin: 10em 0em 10em 10em;
  padding: 0;
  text-align: right;
  }