body {
margin-top: -1px;
background-color: #BEBEBA;
font-family: arial;
font-size: 100%;
}

h1 {
color: #7B857F;
font-size: 155%;
text-align: right;
font-weight: bold;
}

p a {
text-decoration: underline;
color: red;
font-weight: bold;
}

p a:hover {
color: #D8D8BF;
text-decoration: none;
}

.center {
text-align: center;
}

#layout {
border: 1px solid #8B8682;
background-color:#EEE9E9;
width: 790px;

}

#banner {
height: 150px;
background-color: white;
border: 1px solid #8B8682;
text-align: center;
padding: 0px;
}

#toc {
width: 165px;
vertical-align: top;
font-size: 90%;
background-color: white;
border: 1px solid #8B8682;
}

#content {
background-color: white;
text-align: left;
padding: 15px;
vertical-align: top;
width: 590px;
border: 1px solid #8B8682;
}

#content p {
text-align: justify;
}


#toc a {
  font-family: verdana;
  display: block;
  background-color: #B6AFA9;
  color: white;
  border: 2px solid ;
  border-top: #EEE5DE;
  border-left: #EEE5DE;
  border-right:#8B8682;
 border-bottom:#8B8682;
  text-align: center;
  padding: 2px;
  margin: 6px;
  text-decoration: none;
  font-weight: bold;
}

#toc a:visited {
  color: white;
}

#toc a:hover {

border-top: #8B8682;
  border-left: #EEE5DE;
  border-right:#8B8682;
 border-bottom:#EEE5DE;


}

}

#bottom {
text-align: center;
font-size: 85%;
color: red;
padding: 5px;
margin: 20px;
background-color:white;
border: 1px solid #8B8682;
font-weight: bold;
}

#bottom a {
font-size: 75%;
color:white;
}

#bottom a:hover {
color: green;
text-decoration: none;
}

.products a {
padding-left: 10px;
text-decoration: none;
color: red;
font-weight: bold;
}

.products a:hover {
color: #D8D8BF;
text-decoration: none;
}