body {background: #ebebeb; color: black; font: normal 500   "times new roman", helvetica, serif; margin:0%}

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

div#heading {background:#537016;}

h1 {font: normal 800 200% "times new roman", helvetica, serif; color: #fff; margin:0;padding: 0 0 0 10%; border-right: .5em solid #c7c7c7;}

h2 {font: normal 800 200% arial, verdana, "sans-serif"; color: #fff; margin:0;padding: 0 0 0 45%; border: solid #c7c7c7; border-width:1px 0.3em 0 0.5em;}

div#seniors {background:#e0e0e0; padding:2em 0 1em 0;}
div#seniors {margin:0 5% 1em 5%; border-bottom: 2px solid #537016}
div#seniors h3, div#seniors p {text-align:center}
div#seniors p {margin-bottom:0}

h3 { font: normal 500 100% arial, helvetica, serif; color: #000066; margin:0;  padding:0 0 1em 5%;}

h4 { font: normal 600 90% arial, helvetica, serif; color: #000066;  padding:0 0 0 7%;}

div.allmid p, div.allmid h4, div.allmid h3 {text-align:center;}

/* Use 'offspring' when references are requ'd */

div#offspring p {line-height:1.0; top:0; left:0; position:relative; width:80%; margin-left:10%;}
div#offspring p span {display:block; position:relative; left:45%; top: -1em;}

div#offspring p a {display:block; position:relative;left:60%; top:-1.0em; line-height:1.0; width:5em; background-color: azure; border:1px solid blue;text-align:center; text-decoration:none;}

div#offspring p a:link {color: #330066;} /*violet */
div#offspring p a:visited {color: #ff6633;} /* light red */
div#offspring p a:hover {color: #339933;} /*light green */

/* Use 'juniors' for immediate details and two or three columns */

div#juniors {float:left; width:100%}
div#lcol {float:left; width:30%; padding-left:5%; border:1px solid red}
div#ccol { float:left; width:30%;border:1px solid red}
div#rcol { float:left; width:34%;border:1px solid red}

div#story {float:left;width:100%}
div#story p {width:auto; margin:0 5%;  background-color:#ebebeb; padding:0 1% 1em 2%;}

img {border: 1px solid #000000}
.right{float:right; margin: 0em 0 1em 0.5em;}
.left{float:left; margin: 0em 1em 1em 0; }

.rhs {text-align:right; padding-right: 5%}

div#letter {float:left;width:100%; padding-bottom:2em;}

div#letter p {width:auto; margin:0 15%; background-color:#ebebeb; padding:2em 0 0 0;font: italic 500 100% arial, helvetica, serif;}

div#return {float:left; width:100%;margin-bottom:1em;}
div#return p { margin: 0 10% 0 10%; width:auto; padding-bottom:1em; text-align:center; background-color:azure;}

div#return p a#s0w30 {position: relative; top: 0; left: -20%}
div#return p a#s0e30 {position: relative; top: 0; left: 20%}
div#return p a#s3c0 {position: relative; top: 3em; left: 0%}

div#return p#prntout {font: normal 500 70% arial; color:#333333;}

a {text-decoration:none;}
a:link {color: #ff3300;} /*red */
a:visited {color: #ff6633;} /* light red */
a:hover {color: #339933;} /*light green */


/* below not used? remove when possible */

di.nopic {width:100%}
div#junio di .nopic p, di.nopi h3, di.nopic h4 {text-align:left}
di.nopic h4.rhs {text-align: right}


div.lco p,div.lco h4, div.rco p, div.rco h4, .central {text-align:center}
div.lco h4, div.rco h4, {margin-top:0}