body {
  font-family: verdana, lucida, helvetica, arial, sans-serif;
  font-size: 1em; /* was 12pt; tried also 90%; */
  line-height: 1.5;
  margin: 0;
}

p {
  margin-bottom: 0;
  margin-top: 1ex;
  padding: 0 0 0 25px;
  width: 85%;
}

a {
  color: #38d;
  font-weight: bold;
  text-decoration: underline;
}

a:hover {
  color: #d90;
}

em {
  color: #055099;
  font-style: normal;
  font-weight: bold;
}

em.author {
  font-style: italic;
  font-weight: normal;
}

img {
  border: 1px solid #055099;
}

img.icon {
  float: left;
  margin: 2ex 1ex 0 3ex;
}

a img:hover {
  border: 1px solid #d90;
}

h1, h2 {
  background: url(pics/h3fill.png) left bottom repeat-x;
  border: 1px solid #055099;
  font-size: large;
  letter-spacing: 1pt;
  margin: 1em 0 0 0;
  padding: 1ex 3ex;
}

h1 {
  font-size: x-large;
  margin: 0;
}

h3 {
  background: url(pics/h3bg.png) left bottom no-repeat;
  border-bottom: 2px solid #055099;
  font-variant: small-caps;
  letter-spacing: 2pt;
  margin: 1em 0 0 25px;
  padding: 1ex 0;
  white-space: nowrap;
  width: 85%;
}

h4 {
  border-bottom: 1px dashed #055099;
  font-size: medium;
  font-weight: bold;
  letter-spacing: 1pt;
  margin: 1ex 25px;
  margin-bottom: 0;
  padding: 0;
  width: 85%;
}

/* header */

#header {
  background: url(pics/h3fill.png) left bottom repeat-x;
  border: 1px solid #055099;
  height: 114px;
  margin: 1em 20px 0 20px;
}

img#rym-logo {
  border: 0;
  margin: 0;
  padding: 0;
}

/* footer */

#footer {
  background: url(pics/h3fill.png) left bottom repeat-x;
  border-top: 1px dotted #777;
  clear: both;
  color: #777;
  font-size: 9pt;
  padding: 1ex 0;
  text-align: center;
}

/* content */

#content {
  float: left;
  margin-bottom: 15px;
  margin-left: 30px;
  width: 75%;
}

#content ul {
  list-style-image: url(pics/arrow.gif);
  list-style-type: circle;
}

#content ul li {
  line-height: 1.7;
  margin-left: 1ex;
  width: 85%;
}

/* navigation */

#navigation {
  background: url(pics/rym-blur.png) left top no-repeat;
  border: 1px solid #055099;
  border-bottom: none;
  float: right;
  margin: 20px;
  margin-left: 0;
  width: 200px;
}

#navigation ul {
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}

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

#navigation li a {
  border-bottom: 1px solid #055099;
  padding: 10px 1em;
  display: block;
  margin: 0;
  text-decoration: none;
}

#navigation li a:link    {color: #055099;}
#navigation li a:visited {color: #055099;}
#navigation li a:hover   {color: black; background: url(pics/h3fill.png) left bottom repeat-x;}
#navigation li a#current {color: black; background: url(pics/h3fill.png) left bottom repeat-x;}

#navigation li ul li a {
  padding: 7px 1em 7px 3em;
}

/* prayer */
#prayer {
  background: url(pics/rym-blur.png) left top no-repeat;
  border-bottom: 1px solid #055099;
  clear: right;
  font-size: 0.8em;
  float: right;
  margin: 0 20px 20px 0;
  padding: 0 0 1ex 0;
  text-align: center;
  width: 200px;
}

#prayer em {
  display: block;
  padding: 0 1ex;
}

#prayer h1 {
  font-size: large;
  padding: 0 1ex;
}

/* gallery */
.gallery {
  margin: 2ex 2ex 2ex 25px;
  text-align: center;
  white-space: nowrap;
  width: 85%;
}