body {
  font-family: Tahoma, Helvetica, Arial, sans-serif; /* p349 */
  background: #999999; /* gray */
  text-align: center; /* center in IE6 workaround */
}

#header, #main, #footer {
  text-align: left; /* center in IE6 workaround */
  margin: 0 auto; /* center (not IE6) */
  width: 785px;
 
}

#header {
  background-image: url(../image/header.png); /* p404 */
  background-repeat: no-repeat; /* p407 */
  background-position: top left; /* p407 */
  height: 101px;
  color: white;
  
}
#header h1 {
  padding: 5px 0px 0px 20px;
  margin: 0px;
}
#header h2 {
  padding: 5px 0px 0px 20px;
  margin: 0px;
}

#main {
  background: white;
  border-color: black; /* p404 */
  border-width: 1px;
  width: 784px; /* subtract border-width */
  border-style: solid;
  /* min-height: 500px;  (not IE6) */
}

#footer {
  background-image: url(../image/footer.png);
  background-repeat: no-repeat;
  background-position: top left;
  height: 25px;
  text-align: center; /* 502 */
  color: white;
  font-size: small;
}

li {
  list-style-type: square;
}

#sidebar {
  width: 200px;
  float: right;
  font-size: smaller;
}

#navigation ul {
  padding-left: 10px;
  margin-left: 0px;
}

#navigation li {
  list-style-type: none;
  /* height: 25px; */
  /* list-style-image: url(../image/navigation-li.png);  p579 */
  background-image: url(../image/navigation-li.png);
  background-repeat: repeat-y;
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  /* vertical-align: top; */
}

#navigation li a {
  padding-left: 10px;
}

a {
  text-decoration: none;
  color: #3366ff; /* FPM Blue */
}
a:hover {
  background-color: #3366ff; /* FPM Blue */
  color: white;
}

#content {
  padding: 0px 10px;
  margin-top: 10px;
}

p {
  margin: 3px;
}

.pro {
  border: 1px dotted black;
  margin: 15px 0px;
}

.comment {
  border: 1px dotted black;
  margin: 15px;
}

.procedure {
  font-weight: bold;
}
.procedure a { /* disable link color for anchor */
  color: black;
  background: white;
}

.uut, .reference {
  margin: 15px 0px;
}

.proLinks {
  /* margin: 20px 0px 60px 0px; */
}

em {
  font-weight: bold;
  font-style: normal;
}

.installer a {
  color: white; /* firefox */
  background: white;
}
.installer img {
  border-width: 2px; /* p399 */
  border-color: white; /* IE */
  background: white;
}
.installer img:hover {
  border-color: black; /* not IE6 */
  background: white;
}

.terms {
  font-size: small;
}

ul li {
  list-style-type: square;
}
ol li {
  list-style-type: decimal; /* p578 */
}
ol li ul li {
  list-style-type: circle;
}