ÿþ@font-face {
  font-family: 'Matrka Serif Web';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/MatrkaSerifWeb-Regular.eot?') format('eot'),
       url('fonts/MatrkaSerifWeb-Regular.woff') format('woff'),
       url('fonts/MatrkaSerifWeb-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Matrka Serif Web';
  font-weight: normal;
  font-style: italic;
  src: url('fonts/MatrkaSerifWeb-Italic.eot?') format('eot'),
       url('fonts/MatrkaSerifWeb-Italic.woff') format('woff'),
       url('fonts/MatrkaSerifWeb-Italic.ttf') format('truetype');
}
body {
  font-family: "Matrka Serif Web", "Microsoft Sans Serif", "Lucida Grande",
    "DejaVu Sans", serif;
  font-size: 14px;   /* 14/19, 13/17 */
  line-height: 20px;

  background-color: #fff;
  color: black;
  margin: 0px;
}
div#content-frame {
  display: block;
  width: '*';
  margin-top: 15px;
  margin-bottom: 20px;
  margin-left: 22px;
  margin-right: 22px;
}
div#header {
  display: block;
  font-size: 36px;
  padding-bottom: 15px;
  background-color: white;
}
div#menu {
  background-color: white;
  font-style: italic;

  /* text-transform: uppercase; */
  /* letter-spacing: 0.075em; */
}
div#footer {
  clear: both;
}
img.badge {
  vertical-align: -10%;
}
hr {
  border: 0px;
  background-color: black;
  height: 2px;
}
h1 {
  font-size: 18px;
  font-weight: normal;
  line-height: 25px;
}
h2 {
  font-size: 100%;
  font-weight: normal;
}
h3 {
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.075em
  font-size: 100%;
  font-weight: normal;
}
h4 {
  text-align: left;
  font-size: 100%;
  font-weight: normal;
  font-style: italic;
}
h5 {
  text-align: left;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
}
blockquote {
  margin-left: 26px;
  margin-right: 26px;
}
dl {
  margin: 0px;
  padding: 0px;
}

sup, sub {
  height: 0;
  line-height: 100%;
  vertical-align: baseline;
  _vertical-align: bottom;  /* Hack for IE6 */
  position: relative;
}
sup {
  bottom: 1.1ex;
}
sub {
  top: .4ex;
}

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

ul {
  list-style-image: url("images/fleuron_17x10.png");
  padding-left: 26px;
}
ol {
  padding-left: 3.5em;
}
li {
  text-align: justify;
}
.verse {
  /* font-style: italic; */
}
.ornament {
  text-align: left;
  margin-bottom: 1ex;
  display: None;
}
img.float-left, img.float-right {
  border-width: 1px;
  border-spacing: 0px;
  border-style: solid;
  border-color: #333;
}
img.float-left {
  float: left;
  clear: left;
  margin-left: 0px;
  margin-right: 25px;
  margin-top: 5px;
  margin-bottom: 15px;
}
div.float-left {
  float: left;
  clear: left;
  margin-left: 0px;
  margin-right: 2.5em;
  margin-top: 2ex;
  margin-bottom: 2ex;
  width: 175px;
  text-align: center;
  font-style: italic;
}
img.float-right {
  float: right;
  clear: right;
  margin-left: 25px;
  margin-right: 0em;
  margin-top: 5px;
  margin-bottom: 15px;
}
.uppercase {
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 100%;
}
.subtitle {
  font-style: normal;
}
.small-text {
  font-size: 8pt;
}
.chinese-text {
  font-family: serif, sans-serif;
  font-size: 100%;
}
.centered-chinese-text {
  font-family: serif, sans-serif;
  font-size: 100%;
  text-align: center;
}