body {
font-size: 100%;
font-weight: bold;
color: black;
}

body {
 background: white url(http://www.stlconline.org/images/ppbk088.jpg);
 }

div#textbody {
 margin-left: 12em;
 margin-right: 5em;
 }

div#textbody p {
 margin-right: 2em;
 margin-left: 2em;
 text-indent: 1em;
}

div#textbody p.inset {
 margin-right: 3em;
 margin-left: 3em;
 text-indent: 1em;
 margin-top: 0.5em;
 margin-bottom: 0.5em; 
 padding-top: 0;
 padding-bottom: 0;
 line-height: 1.1em;
 }

div#textbody p.cite {
 margin-right: 3em;
 margin-left: 6em;
 text-indent: 0;
 margin-top: 0;
 margin-bottom: 0; 
 padding-top: 0;
 padding-bottom: 0;
 line-height: 1.1em;
 }
div#textbody p.citeauthor {
 margin-right: 3em;
 margin-left: 9em;
 text-indent: 0;
 margin-top: 0;
 margin-bottom: 0; 
 padding-top: 0;
 padding-bottom: 0;
 line-height: 1.1em;
 }

div#textindex {
 background: white url(http://www.stlconline.org/images/ppbk088.jpg);
 color: black;
 margin-left: 10em;
 margin-right: 5em;
 margin-bottom: 10px;
 }

div#textindex hr {
 width: 85%;
 text-align: center;
 margin-top: 1em;
 margin-bottom: 1em;
 }

div#topmatter h2,h3
 {margin-top: 0;
  margin-bottom: 0;
 }

p.Event {
font-weight: bold;
font-size: 100%;
text-indent: 1em;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 6em;
}

p.Follow {
margin-top:-15px;
}

p.Date {
font-weight: bolder;
font-size: 110%;
text-indent: 0em;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 5em;
}

p.News {
font-weight: bold;
font-size: 100%;
text-indent: 1em;
}

p.Indent {
   text-indent : 15em;
}

p.update {
	font-weight: lighter;
	font-size: 85%;
	color: black;
	background-color : transparent;
}

p.Separator {
font-size: 100%;
font-weight: bold;
text-align: center;
width: 65%;
}

p.odd {color: black; 
        background-color: #3399FF;
        width: 80%;
        margin: 2px 0 2px 5em;
        text-align: left;
        border: 3px aqua inset;
        padding: 1px;
}

p.even {color: black; 
        background-color: #6699CC;
        width: 80%;
        margin: 2px 0 2px 5em;
        text-align: left;
        border: 3px aqua inset;
        padding: 1px;
}

p.constitution {margin-left: 8%; margin-right: 18%; margin-top: 0.5em;
         margin-bottom: 0.5em; padding-top: 0; padding-bottom: 0;
	 text-align: left; line-height: 1.1em;
	}
p.inset {margin-left: 12%; margin-right: 22%; margin-top: 0.5em;
         margin-bottom: 0.5em; padding-top: 0; padding-bottom: 0;
	 text-align: left; line-height: 1.1em;
	}
p.inset2 {margin-left: 16%; margin-right: 26%; margin-top: 0.5em;
         margin-bottom: 0.5em; padding-top: 0; padding-bottom: 0;
	 text-align: left; line-height: 1.1em;
	}

div#staff {
	float: left;
        width: 49%; 
        text-align: center;
}

div.Squeeze {
font-size: 100%;
font-weight: bold;
margin-right: 5%;
margin-left: 5%;
}

h1 {
text-align: center;
font-size: 200%;
font-family: serif;
font-style: normal;
font-weight: bolder;
font-variant: normal;
line-height: normal;
color: black;
background-color : transparent;
}

h2 {
text-align: center;
font-size: 150%;
font-family: serif;
font-style: normal;
font-weight: bolder;
font-variant: normal;
line-height: normal;
color: black;
background-color: transparent;
}

h3 {
text-align: center;
font-size: 125%;
font-family: serif;
font-style: normal;
font-weight: bolder;
font-variant: normal;
line-height: normal;
color: black;
background-color: transparent;
}

dl {
font-size: 100%;
font-family: serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: normal;
text-indent: 1em;
}

dt {
font-size: 100%;
font-family: serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: normal;
}

dd {
font-size: 100%;
font-family: serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: normal;
}

div.Date {
font-weight: bolder;
font-size: 110%;
text-indent: 0;
}

span.Verse {
font-family: serif;
font-style: italic;
font-variant: normal;
font-weight: bold;
line-height: normal;
}

div.Verse {
font-size: 85%;
font-family: serif;
font-style: italic;
font-variant: normal;
font-weight: bolder;
line-height: normal;
text-indent: 2em;
}

div.Reading {
font-size: 85%;
font-family: serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: normal;
text-indent: 2em;
}


p.SaintsDay,p.Pentecost,p.Reformation,p.Passion{
width: 75%;
border: 3px  solid red;
border-width: 2px 2px 2px 2em;
padding: 0.5em 0.5em 0.5em 1em;
color: black;
background : #FFE;
line-height: 1em;
font-weight : bolder;
}

p.Advent {
width: 75%;
border: 3px solid blue;
border-width : 2px 2px 2px 2em;
padding : 0.5em 0.5em 0.5em 1em;
color : black;
background: #FFE;
line-height : 1em;
font-weight: bolder;
}

div#menubutton {
               float: left;
	       width: auto;
}

div#menubutton.Epiphany {
 background-color: green;
 }

div#menubutton a {
   color:            #000000;
   font-size:        75%;
   font-family:      "Times New Roman", Arial, Helvetica, Sans-Serif;
   font-weight:      bold;
   text-decoration:  none;
   border:           4px outset aqua;
   background-color: #3399FF;
   display:          block;
   padding:          3px 5px;
   margin:           0 2em 0 2px;
}

div#menubutton a:hover {
   color:            #FFFFFF;
   border:           4px inset aqua;
   background-color: #6699CC;
   padding-left:     4px;
}

/*div#menubutton>div#focusblock  a {
               margin: 15px 0 15x 0;
}*/
 
div#menubutton div#focalpoint a 
     {
     color: black;
     background-color: #FAEBD7;
     }
div#menubutton div#focalpoint a:hover 
     {
     color: black;
     background-color: #FAEBD7;
     }

div.beginblock {
     margin-top: 5px;
     }

div.endblock {
     margin-bottom: 5px;
     }
td.Left {
font-weight: bold;
font-size: 100%;
text-align: left;
}

td.Right {
font-weight: bold;
font-size: 100%;
text-align: right;
}

table {
font-weight: bold;
font-size: 100%;
text-align: center;
margin: 0;
}

tr td#sidetop{
background: #3399FF;
font-weight: bold;
font-size: 85%;
}

tr td#sidetop a{
margin-left: 1.5em;
margin-right: 0.5em;
color: white;
background: transparent;
}

tr td#crumbs{
background: #6699CC;
font-size: 50%;
text-align: left;
}

tr td#crumbs a{
margin-left: 1.5em;
margin-right: 0.5em;
color: white
}

.Prelude,.Anthem,.Offertory,.Postlude {
       margin-top: 5px; 
       }
.Prelude,.Anthem,.Offertory {
       margin-bottom: 5px 
       }

sup {
line-height: 0;
font-size: .8em;
}

div.Readings1_2,.OldTest,.Epistle,.staffleft
       {float:left;
        width:49%;
        text-align:center;
       }

div.Readings3_4,.Psalm,.Gospel,.staffright
       {float:right;
        width:50%;
        text-align:center;
       }

div.Women,.Soprano,.Tenor,.leftgroup
  {float: left;
   width: 48%;
   text-align: left;
  }
div.Men,.Alto,.Bass,.rightgroup
  {float: right;
   width: 48%;
   text-align: left;
   }
div.Women
   {margin-left:2%;
   }

div.Women,.Men,.leftgroup,.rightgroup
   {margin-top:0;
   }

.Birthday {color: black; padding-left: 1em; border-style: double; border-width: 5px; border-color: blue ; width: 27%; background-color: #FFF0F0;}

p.valid 
  {margin-top: 0;
   margin-bottom: 0;
  }

strong { text-decoration: underline; }