@import "http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light";
@import "http://fonts.googleapis.com/css?family=Lobster";

body {
   background-color: #000;
   background-image: url('http://rhmt.org/static/paisley-tile.png');
   font-family: "Josefin Sans Std Light", sans-serif;
   font-size: 14pt;
}
h1 {
   color: #FFF;
   position: absolute;
   top: 20px; left: 0; right: 0; bottom: auto;
   margin-left: auto;
   margin-right: auto;
   font-size: 100pt;
   width: 700px;
   text-align: center;
   z-index: 10;
   font-family: "Lobster", serif;
   padding-top: 0;
   margin-top: 0;
   border-top: 0;
}
body > ul {
   display: inline;
   color: #000;
   position: absolute;
   top: 0; left: 0; right: 0; bottom: auto;
   padding: 0;
   margin: 0;
   border: 0;
   margin-left: auto;
   margin-right: auto;
   width: 700px;
   height: 30px;
   font-size: 23px;
   text-align: center;
   background-color: #e2007f;
   background-repeat: no-repeat;
   border-top: 200px black solid;
   color: #FFF;
   font-weight: bold;
   font-family: "Lobster", serif;
}
body > ul > li {
   display: inline;
   text-transform: lowercase;
}

body > ul > :before {
   content: '\2620\00A0\00A0';
   font-weight: normal;
}

body > ul > :first-child:before {
   content: '';
}

body > ul a:link {
   color: #000;
   text-decoration: none;
}
body > ul a:visited {
   color: #000;
   text-decoration: none;
}
body > ul a:active {
   color: #FFF;
}
body > ul a:hover {
   color: #FFF;
}
body > div {
   position: absolute;
   text-align: justify;
   top: 230px; left: 0; right: 0; bottom: auto;
   margin-left: auto;
   margin-right: auto;
   width: 600px;
   color: #000;
   background-color: #fff;
   min-height: 700px;
   padding-left: 50px;
   padding-top: 50px;
   padding-right: 50px;
}
body > div p:first-child:first-letter {
   color: #e2007f;
   float: left;
   display: block;
   width: 1em;
   font-family: "Lobster", serif;
   font-size: 40pt;
   padding: 3px;
   padding-top: 0;
}
a {
   color: #e2007f;
   text-decoration: underline;
}

