body {background-color: #fff; color: black; font: normal 500 12pt "times new roman", helvetica, serif; margin:0; padding:0}

p {width:100%; text-align:left; line-height: 1.2;}

div#heading {background:#fff; margin:4em 0}   /*  */

div#heading h1 {font:normal 700 150% "times new roman", helvetica, serif; color: #663300; margin:0; padding: 0 0 0 10%; border-right: 1em solid #fff;}

div#heading h2 {font:normal 700 150% "times new roman", helvetica, serif; color: #663300; margin:0;padding: 0 0 0 20%; border: solid #fff; border-width:1px 0.5em 0 1em;}

p#intro {text-align:center; margin: 2em 0; padding: 1em 0em 2em 0em;}
p#intro span {font: normal 600 140% "times new roman", helvetica, serif; color: #663300; padding: 0.5em; border-bottom: 3px solid #663300; background-color: #fbd5b3;}

/* style rules for picture pages */

div#main {float:left; width:98%; padding:0 1% 0 1%; border:1px solid blue}
/* If the width of div#main is set to 100% then with 2% padding, the screen width is pushed to 102% and left/right scroll bar appears  The width property does not include padding and margin in Firefox but does in IE6 */

div#main p {padding: 0em 0%;}

div#main p em {font: normal 500  100% "times new roman", helvetica, serif; color: #663300;}
div#main em.puce {color: #a71101;}
div#main em.orange {color: #ae4600}

img {margin: 1%; border: 1px solid #000}
img.left {float:left}
img.right {float: right }

/* style rules for links and page end */

div#select {display:none;position:relative; width: 100%;}
div#select p {text-align:center; height:4em; margin:0; padding:0.4em 0 0 0}

div#select p a {margin: 0em 3em 0em 3em; padding:0.25em 1em 0.25em 1em; text-align:center; text-decoration:none; font:normal 600 90% arial, verdana, "sans-serif"; border: 0.25em outset #fbd5b3; background-color:#fbd5b3;}

/* An inline element does not have a width property but can be given padding, border, margin. p#hover is made a block element to overcome this. */

div#select p a:hover span {display:block; position:absolute; top:8em; left:38%; width:24%; background:#e9e9e9; margin: 0; padding:0; color:#663300}

div#select p a#press {background-color: #ffffff }

div#select p a#blank {border:none; background-color:#ebdac6; margin:0 5.4em}

/* 5.4 margin chosen by trial and error. Mix of % and ems*. Result is slight displacement in IE6 because borders of 'a' are included in placement. Firefox OK */

div#select p a:link {color: #A54403;} /* orange */
div#select p a:visited {color:#000}
div#select p a:hover {color: red; background: #fbd5b3;} /* red */
div#select p a span {display:none}



/* style rules for music and order of service */

div#music {text-align:center;font: normal 500 105% arial, verdana, "sans-serif"; padding-bottom:0em;}

div#music p, div#music p#notes {margin-left:auto; margin-right:auto; margin-top:2em; margin-bottom:3em; padding-left:1em; width:60%; line-height:1.5; text-align:center;}

div#music p em{font: italic 500 110% arial, verdana, "sans-serif"; color: #663300;}
div#music p em#space {padding-left:3.2em}
div#music p#prayer {width:50%;text-align:left}

div#music p#notes { font: normal 500 100% arial, verdana, "sans-serif"; color: #663300; border-left: 10px solid #ff6700;  background-color: #fbd5b3; line-height:1.5}

div#music p#notes span{font: normal 600 100% arial, verdana, "sans-serif";}


/* style rules for introduction */

div#review {text-align:center; font: normal 500 100% arial, verdana "sans-serif"; color: #000000;}

p#leftor {margin-left:auto; margin-right:auto; width: 75%; border-top: 2px solid #ff6700; border-left: 2px solid #ff6700; padding:20px 22px 0px 20px}

p#rightor {margin-left:auto; margin-right:auto; width: 75%; border-bottom: 2px solid #ff6700; border-right: 2px solid #ff6700; padding:0px 20px 20px 22px}

p#textonly {margin-left:auto; margin-right:auto;width: 75%; padding:0px 22px 0px 22px}
p#textonly img{position:relative; top:0; left:35%;}


p#prntout {display:none;}

div.newpage {page:preset; page-break-before:always}