body {
  color: #000;
  text-align: center;
  font-family: "Arial","Helvetica",sans-serif;
  font-size: .9em;
  padding: 0px;
}

div#cbody {
  width: 750px;
  text-align: left;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  border: 2px #06c solid;
}

#header {
  background-image: url("header.gif");
  background-position: top left;
  background-repeat: no-repeat;
  border-bottom: 2px #06c solid;
  height: 150px;
}

#footer {
  clear: both;
  background-color: #ddeefe;
  border-top: 2px #06c solid;
  color: #06c;
  padding: 5px 10px 5px 10px;
  font-size: .7em;
}



#navigation {
  float: left;
  width: 150px;
  padding: 0px;
  margin: 0px;
  font-size: .9em;
}

#navigation ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#navigation ul li {
  background-color: #ddeefe;
  width: 138px;
  padding: 5px;
  border: 1px solid #fff;
}

#navigation ul li a, #navigation ul li span {
  color: #06c;
  width: 138px;
  font-weight: bold;
  text-decoration: none;
  background-color: #ddeefe;
}
#navigation ul li a:hover  { text-decoration: underline; }
#navigation ul li a:active { text-decoration: none;      }
#navigation ul li span     { color: #084995;             }

#navigation ul li ul a, #navigation ul li ul span {
  width: 133px;
}
#navigation ul li ul li {
  width: 133px;
  padding: 5px 0px 0px 5px;
  border: 0px;
}



#content {
  margin: -2px -2px -2px 150px;
  padding: 5px;
  border: 2px solid #06c;
}

#content h1 {

}

#content h2 {
  background-color: #fffccf;
  color: #06c;
  margin-left: -5px;
  margin-right: -5px;
  margin-top: -5px;
  padding-left: 5px;
  padding-right: 5px;
}

#content h3 {
/*   font-size: 1.2em;
   color: #c93;
   margin: 30 0 0px;*/
}

#content ul {
  list-style: disc;
}




.col3 {
  column-count: 3;
  column-gap: 20px;
  column-rule: 0px;
}





a:link,
a:visited,
a:hover,
a:active {
  color: #06c;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

img { border: 0px; }

ul {
  list-style: none;
}