body {width:100%; background-color: #fefebf; color: black; font: normal 500 100% "times new roman", helvetica, serif; margin:0; padding:0}

div#treehead {background-color:#663300; border:1px solid red;}

div#treehead h1 {font: normal 800 200% "times new roman", helvetica, serif; color: #fff; margin:0; padding: 0em 0 0.5em 10%;}

div#treehead h1 span {margin-left:8em;}

/* styles for Index page only */

p.author {text-align:center; font: normal 600 120% arial, helvetica, serif; color: #663300;}
p.author {background-color: #ffffaa; border-bottom:0px solid #663300; margin: 2em;}


h2#intro {font: normal 600 130% arial, "Times New Roman", helvetica, serif; padding:2em 1em 1em 1em;  color:green; border-bottom:1px solid green;}

p.small {padding:1em 1em; border-bottom: 1px solid #663300;}
p.small {font: normal 600 100% arial, helvetica, serif; color: #663300; }

/*end*/


.central {text-align:center}

h3  {padding:0.5em 0;font: normal 600 130% "Times New Roman", helvetica, serif; color: #663300: clear:both;}
h3 span {color: red; text-decoration:inherit;}

h4{font: normal 600 130% arial, "Times New Roman", helvetica, serif; padding:1em 1em 3em 1em; clear:both; color:green;}

div.framepoem {float:left; width:100%; margin:2em 0em;}

 /* This ensures move to next column */

div#acol, div#bcol {float:left; width:49%;}
div#scol {float:left; width:96%; margin-left: 2em;}
div#acol {margin:0 0.3% 0 0.6%; border-right:1px solid green;}
div#bcol {margin:0 0.3% 0 0.3%}
div#ccol {width:70%; margin-left:auto; margin-right:auto;}

/*ensures that bcol moves to top right of acol and fits body width */

.endfloat {clear: both;}

div#acol p, div#bcol p, div#scol p{text-align:left; line-height: 1.2; margin: 2em 1em; font: normal 500 110% arial, "Times New Roman", helvetica, serif;}

div#ccol p{line-height: 1.2; margin: 2em 1em; font: normal 500 110% arial, "Times New Roman", helvetica, serif;}

p.ltext {text-align:left;margin:0; padding:0 1em}
p.rtext {text-align:right;margin:0; padding:0 1em}

div.frame100 {float:left; width:100%; margin:2em 0em;}
div.frame100 p{ padding:0 1em; line-height:1.2;}
div.frame100 p span{ font: italic 600 120% arial, helvetica, serif; color: #663300;}



p.notes {width:90%; margin-left:5%; color: #663300; font: normal 600 100% arial, helvetica, serif; color: #663300;}


img {margin:0 1%}
img.top {vertical-align:top}
img.mid {vertical-align:middle}
img.left {float: left;}
img.right {float: right;}

img.azure {border: 10px ridge #a1c7fb}
img.oliv {border: 10px ridge #a3a300}
img.green {border: 10px ridge #ccffcc} /*light green*/
img.grey {border: 10px ridge #cccccc}
img.pink {border: 10px ridge #ff6666}
img.brown{border: 10px ridge #ff9e04}
img.white {border: 10px ridge #ffffff}
img.none {border: none }

div#select  {position:relative;}

div#select p {text-align:center; width:60%; margin-left:auto; margin-right:auto; border: 1px solid #663300; background-color: #f2fada; font: normal 600 90% "times new roman", helvetica, serif; color:#000000; padding:1em 0em;}


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

a#s0w30 {position: relative; top: 0; left: -25%}
a#s0e30 {position: relative; top: 0; left: 25%}
a#s3c0 {position: relative; top: 3em; left: 0%}