* {margin: 0; padding: 0; }
html {font-size: 100%;}
body {padding: 1em; font-size: 100%;
      font-family: Arial, Helvetica, sans-serif;
      background-color: #ccccff; color: #000000}
a {font-weight: bold}
a:link {color: #cc0000}
a:visited {color: #0000cc}
a:active {color: #00cc00}
a.button:link {color: #ccccff; text-decoration: none}
a.button:visited {color: #ccccff; text-decoration: none}
a.button:hover {color: #ffffff; border-style: inset}
a.menuitem:link {color: #ccccff; text-decoration: none}
a.menuitem:visited {color: #ccccff; text-decoration: none}
a.menuitem:hover {color: #ffffff; border-style: inset}
a.info {position: relative; z-index: 1;}
a.info:hover {z-index: 2;}
a.info .tip {display: none; }
a.info:hover .tip {display: block; position: absolute; left: 3em; top: 1em;
                   width: 12em; background-color: #ffff99; padding: 3px;
                   color: #000000; font-weight: normal}
a img {border-width: 0px}
h1 {font-size: 1.6em; line-height: 1em; margin-top: 0.875em;}
h2 {font-size: 1.4em; line-height: 1em; margin-top: 1.1428571em;}
h3 {font-size: 1.2em; line-height: 1em; margin-top: 0.6666667em;}
hr {margin-left: auto; margin-right: auto; line-height: 1em; margin-top: 0.6666666em; margin-bottom: 0.3333333em}
p {font-size: 0.9em; line-height: 1.1111111em; margin-top: 0.7407407em; margin-bottom: 0.3703703em}
table {border-style: outset; text-align: center; margin-left: auto; margin-right: auto; border-width: 2px}
th {border-style: inset; border-width: 2px}
td {border-style: inset; border-width: 2px}
div.gallery {width: 900px}
 .advert {width:100%; clear: both; padding-left: 0px; margin-left: 0px; border-top: solid #6666cc 3px;}
 .advertpic {float: left; padding-right: 5px}
 .answer {margin-top: 0.3703703em; margin-bottom: 0.7407407em; margin-left: 2em}
 .black {background-color: #000000; color: #ccccff}
 .button {background: #000066; border-style: outset; border-width: thin; font-weight: bold;
         padding-left: 0.5em; padding-right: 0.5em}
 .centre {text-align: center;  margin-left: auto; margin-right: auto}
 .centrepic {text-align: center; margin-left: auto; margin-right: auto; font-style: italic}
 .dedicate {float: right; text-align: center; background-color: #cccccc;
          border-style: solid; margin: 2px; font-weight: bold; padding: 5px}
 .direct {background-color: #ffff99}
 .evbox {float: right; background-color: #ffffcc; width: 60%; font-family: serif;
            border-style: solid; border-width: 1px; margin-left: 0.5em;}
 .evbox h3 {background-color: #cccc99;  border-bottom: solid 1px; margin: 0px; padding: 3px}
 .evbox p {padding-left: 3px; padding-right: 3px}
 .evdat {font-weight: bold; margin-top: 0px; margin-bottom: 0px; clear: both}
 .evdesc {margin-top: 0px; margin-left: 2em; margin-bottom: 0.5em}
 .hide {display: none}
 .lang {font-style: oblique}
 .leftbox {float: left; background-color: #ffffcc; width: 30%; font-family: serif;
           border-style: solid; border-width: 1px; margin-right: 0.5em;}
 .leftbox h2 {background-color: #cccc99;  border-bottom: solid 1px; margin: 0px; padding: 3px}
 .leftbox h3 {padding-left: 3px; padding-right: 3px}
 .leftbox p {padding-left: 3px; padding-right: 3px}
 .leftpict {float: left; text-align: center; font-style: italic; padding-right: 3px;}
 .leftdown {float: left; text-align: center; font-style: italic; padding-right: 3px; clear: left}
 .level1 {width: 75%}
 .level2 {width: 50%}
 .level3 {width: 25%}
 .list {margin-left: 2em; margin-bottom: 0px; margin-top: 0px}
 .list:before {display: marker; content: url("dot.png"); width: 1em;}
 .logos {float: right}
 .menu {font: 1em sans-serif; width: 12em; float: right}
 .menuitem {background: #000066; font: 1em sans-serif;
           border-style: outset; border-width: thin; font-weight: bold;
           text-align: center; display: block; width: 10em; float: right;}
 .name {font-style: oblique}
 .new {text-align: center; margin-top: 8px; margin-left: auto; margin-right: auto; width: 50%;
       border: solid 1px; border-color: #000000; background-color: #ffccff; padding-bottom: 0.5em }
 .obit {background: #dddddd; border-style: solid; border-color: #000000; padding: 1em}
 .question {font-style: oblique; margin-top: 0.0.7407407em; margin-bottom: 0.3703703em; margin-left: 1em}
 .quoted {margin-left: 1em; margin-right: 1em; font-style:italic;}
 .rightbox {float: right; background-color: #ffffcc; width: 30%; font-family: serif;
            border-style: solid; border-width: 1px; margin-left: 0.5em;}
 .rightbox h2 {background-color: #cccc99;  border-bottom: solid 1px; margin: 0px; padding: 3px}
 .rightbox h3 {padding-left: 3px; padding-right: 3px}
 .rightbox p {padding-left: 3px; padding-right: 3px}
 .rightlogo {float: right; text-align: center; width: 100px; margin-top: 0px;}
 .rightpict {float: right; text-align: center; font-style: italic; padding-left: 3px;}
 .righttext {text-align: right}
 .search {float: right; text-align: right; width: 30%}
 .sidecap {width: 75%;  text-align: center; margin-left: auto; margin-right: auto; font-style: italic}
 .sidecapleft {text-align: right; font-style: italic}
 .small {font-size: 0.75em; line-height: 1.3333333}
 .sold {text-decoration: line-through}
 .soon {background-color: #ffcccc; clear: both; padding-left: 0px; margin-left: 0px}
 .sponsor {float: right; text-align: center; font-style: italic; background-color: #ffff99;
          border-style: solid; margin: 2px; font-weight: bold; padding: 5px}
 .timeline1 {background-color: #ff9999}
 .timeline2 {background-color: #ffff99}
 .timeline3 {background-color: #99ff99}
 .timeline4 {background-color: #99ffff}
 .timeline5 {background-color: #9999ff}
 .timeline6 {background-color: #ff99ff}
 .tip {display: none}
 .wide {width:100%; clear: both; padding-left: 0px; margin-left: 0px}

@media aural {
  h1, h2,
  h3, h4    { voice-family: paul, male; stress: 20; richness: 90 }
  h1        { pitch: x-low; pitch-range: 90 }
  h2        { pitch: x-low; pitch-range: 80 }
  h3        { pitch: low; pitch-range: 70 }
  h4        { pitch: medium; pitch-range: 60 }
  li        { pitch: medium; richness: 60 }
  i         { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  b         { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  a:link    { voice-family: harry, male }
  a:visited { voice-family: betty, female }
  a:active  { voice-family: betty, female; pitch-range: 80; pitch: x-high }
  span.spell  { speak: spell-out }
  span.digit  { speak-numeral: digits }
  span.number { speak-numeral: continuous }
}