body {
  margin: 0 ;
  padding: 0 ;
  font-family: "Arial", "Helv", "Helvetica", sans-serif ;
  line-height: 1.2em ;
  color: #ffffff ;
  border-style: none ; /* usually only set for testing/debugging */
  border-width: 1px ;
  border-color: #0000ff ;
  background: #0b2566 ;
}
p {
  padding-bottom: 8px;
  text-align: justify;
}
h1 {
    margin: 0px -15px 15px -15px ;
    padding: 10px 0 10px 15px;
    /* height: 36px; */
    font-size: 140%;
    /* background: url(images/h.png) top left no-repeat; */
    background: #ffffff ;
    border-radius: 12px ;
}
h1, h2, h3, h4 {
    color: #006392;
    font-weight: bolder;
}
h2 {
  margin: 5px 0px 15px 0px ;
}
div.cb {
  clear: both ;
}
div.heading {
  width: 1000px ;
  margin: 0px auto 0px auto ;
  padding: 5px 0px 5px 0px ;
  border: solid 0px #00ff00 ;
}
div.heading img {
  float: left ;
}
div.heading ul.loclist {
  float: left ;
  padding: 18px 0px 0px 15px ;
  font-size: 300% ;
  font-weight: bold ;
  text-align: center ;
  line-height: 1.15em ;
  border: solid 0px #ffff00 ;
}
div.heading ul.loclist a       { color: #ffffff ; text-decoration: none ;      opacity: 17% ; }
div.heading ul.loclist a:hover { color: #ffffff ; text-decoration: underline ; opacity: 30% ; }
div.social {
  width: 150px;
  margin: 0px 20px 0px 0px;
  float: right;
  border: solid 0px #ff0000;
}
div.social img {
  margin: 10px 0px 0px 10px;
}
div.outer {
  width: 960px ;
  margin: 0px auto 0px auto ;
}
div.main {
  width: 960px ;
  margin: 0px auto 0px auto ;
  padding: 20px 40px 20px 40px ;
  color: #000000 ;
  border: solid 0px #ff0000 ;
  border-radius: 15px ;
  background: #ffffff ;
  background: #c3e1ef ;
}
div.main h1 {
  margin-left: -15px ;
}
span.company, span.companyAbbr {
/*  font-family: "Georgia", "Times New Roman", "Times Roman", serif; */
  font-weight: bolder;
  color: #000000;
}
a {
  text-decoration: none ;
}
img.selpen, img.selwk {
  opacity: 85% ;
  border: solid 0px #000000 ;
  border-radius: 18px ;
}
img.selpen, img.selwk {
  margin: 5px 8px 5px 8px ;
}
img.selpen:hover, img.selwk:hover {
  opacity: 100% ;
  margin: 6px 7px 4px 9px ;
}

div.pen {
  float: left ;
  width: 460px ;
  height: 148px ;
  margin: 0px 0px 20px 0px ;
  padding: 10px 8px 10px 8px ;
  color: #ffffff ;
  background: #0b2566 ; /* body bg; seems too dark when used here */
  background: #1b3576 ;
  background: url(images/selector_pen.jpg) top center no-repeat ;
  border: solid 1px #ff0000 ;
  border-radius: 12px ;
}
/* div.pen:hover {
  opacity: 100% ;
  cursor: pointer ;
} */
div.wk {
  float: right ;
  width: 460px ;
  height: 148px ;
  margin: 0px 0px 20px 0px ;
  padding: 10px 8px 10px 8px ;
  background: url(images/selector_wk.jpg) top center no-repeat ;
  border: solid 1px #ff0000 ;
  border-radius: 12px ;
}

div.copyright {
  height: 34px;
  margin: 0px 0 8px 0;
  padding: 0 0 0 0;
  border: solid 0px #ff0000;
}
div.copyright ul {
    float: left;
    white-space: nowrap;
    margin: 8px 0 0 150px;
}
ul {
    padding-bottom: 8px;
}
div.copyright ul li {
  margin: 0px 0 0 0;
  padding: 0 4px 0 4px;
  float: left;
  list-style: none;
  font-size: .85em;
  color: #9e8c96;
}
div.copyright ul li.cr {
  margin: 2px 0 0 -5px ;
  padding-left: 0;
}