body{margin-left:4em; margin-right:4em}

h1, h2, h3, h4{margin-left:0em; margin-right:2em; margin-top:3em}
h1{font-size:36pt; letter-spacing:0.25em; text-align:center; margin-top:1em; margin-bottom:2em}

p{margin-left:2em; margin-right:2em}
p.p-img-ctr{text-align:center; margin-top:4em; margin-bottom:4em}
p.p-img-narrow{margin-left:30%; margin-right:2em; margin-top:4em; margin-bottom:4em}
p.p-img-medwid{margin-left:20%; margin-right:2em; margin-top:4em; margin-bottom:4em}
p.p-img-wide{margin-left:2em; margin-right:2em; margin-top:4em; margin-bottom:4em}
p.p-img-vwide{margin-left:-1em; margin-right:0em; margin-top:4em; margin-bottom:4em}

# ul{margin-top:0em; margin-bottom:0em}   # doesn't work

# I'm having a problem with lists <ul>'s - they respond as it a <ul> is a new paragraph - which
# is not as intended