body {
  margin: 0 auto;
  border: 0px solid white;
  border-top-width: 20px;
  padding:0;
  width: 940px;
  background:#fff;
  font-family: Verdana,Tahoma,Arial,sans-serif;
}
  
#left {
  float:left;
  width:201;
}

#right {
  margin-left:201px;
}

#toc {
  padding:2.0em 0 0 0;
  height: 600px;
  width: 201px;
  background: white url(toc.jpeg) top left no-repeat;
}

#toc img {
  width: 100px;
  border: 1px solid #556093;
  margin-left: 34px;
  margin-top: 1em;
  padding: 5px;
}

#logo {
  border: 1px solid black;
  margin-bottom: 6px;
}

#content {
  padding: 2.0em 0 0 2.5em;
  background: white url(back.png) 10px 0px no-repeat;
  height: 600px;
}
  
p {
  padding:0px;
  margin: 0 0 0.8em 0;
  text-align:justify;
}

h1 {
  margin: 0 0 10px 10px;
  border:1px solid black;
  background: #556093;
  height: 61px;
  vertical-align: bottom;
  padding: 15px;
  color:#c8c9cd;
  font-size: large;
  font-weight: normal;
  text-align: right;
}

h2 {
  margin: 0 0 0.4em 0;
  padding: 0;
  font-size: medium;
  font-weight: bold;
}

ol {
  margin: 0 0 0.5em 0;
}

p.toclink, p.tocnolink {
  margin: 0 0.5em 0.4em 0.5em;
  letter-spacing: 0.2em;
  padding:2px 2px 2px 14px;
}

p.toclink {
  background: url(triangle-orange.png) 2px 4px no-repeat;
}

p.tocnolink {
  background: url(triangle-green.png) 2px 4px no-repeat;
}

p.toclink:hover {
  background: #556093 url(triangle-orange.png) 2px 4px no-repeat;
  color: #c8c9cd;
}

a.toclink, p.tocnolink{
  color:black;
  text-decoration: none;
}

a {
  color:#6666ff;
  text-decoration: underline;
}
  
img.toc {
  border:0px;
  margin-right:10px;
}

div.content-image {
  float:right;
  margin: 0 0 2.5em 2.5em;
  font-size:small;
}

div.content-image img {
  width: 250px;
  border: 1px solid black;
}

li {
  margin-bottom: 0.2em;
}
  
ol li {
  margin-left: 2em;
}