
body {background-image: url(Images/bluefadebackground.jpg); background-position: left top; background-repeat: repeat-y;}
div.headbox {border: 10px  groove #4a2885; background-image: url(Images/bluefadebackground.jpg); background-position: left top; background-repeat: repeat-y; top: 0; left: 0; width: 100%; position: fixed; z-index: 3;}
div.headboxwy {background-image: url(Images/bluefadebackground.jpg); background-position: left top; background-repeat: repeat-y; top: 0; left: 0; width: 100%; position: fixed; z-index: 3; border-top: 5px solid black; border-bottom: 5px solid black; background-image: url(../../Images/whos_yew_100px.jpg); }
p {font-size: 10pt;}
div.mainsidebar {border: 10px  groove #4a2885; background-image: url(Images/bluefadebackground.jpg); background-position: left top; background-repeat: repeat-down1223; left: 0; top: 100px; width: 200px; position: fixed; z-index: 2; bottom: 0;}
div.mainbodyoww {border: 10px  groove #4a2885; position: relative;  background-image: url(Subsections/Rugby/RugbyImages/OWW_EMBLEM_lb_300.jpg); background-position: left top; background-repeat: repeat-right; left: 216px; top: 100px; width: auto; position: absolute; overflow: scroll; z-index: 1; bottom: 0; right: 0;}
div.mainbodyhog {border: 10px  groove #4a2885; position: relative;  background-image: url(Subsections/Rugby/RugbyImages/GSURFC_Hog_500_lb.jpg); background-position: left top; background-repeat: repeat-right; left: 216px; top: 100px; width: auto; position: absolute; overflow: scroll; z-index: 1; bottom: 0; right: 0;}
div.mainbody {border: 10px  groove #4a2885; background-color: white; left: 216px; top: 100px; width: auto; position: absolute; overflow: scroll; z-index: 1; bottom: 0; right: 0;}
div.mainbodywy {border: 10px  groove #4a2885; position: relative; background-image: url(Images/whos_you_from_light_blue_1_copy.jpg); background-position: left top; background-repeat: repeat-right; left: 216px; top: 100px; width: auto; position: absolute; overflow: scroll; z-index: 1; bottom: 0; right: 0;}
div.mainbodysonnets {border: 10px  groove #4a2885; background-color: white; left: 216px; top: 100px; width: auto; position: absolute; overflow: scroll; z-index: 1; bottom: 0; right: 0;}
div.mainbodymusic {border: 10px  groove #4a2885; position: relative; background-image: url(Images/musicnotes.jpg); background-position: left top; background-repeat: repeat-right; left: 216px; top: 100px; width: auto; position: absolute; overflow: scroll; z-index: 1; bottom: 0; right: 0;}


h1.mainbody {text-align: left; left: 100px; position: relative;}
h2.mainbody {text-align: left; left: 100px; position: relative;}
em.wy {font-size: larger; font-style: italic; font-weight: bolder;}
em.smallem {font-size: smaller; font-style: italic;}
em.sun {font-style: italic; color: green;}
span.toc {font-size: smaller;}
span.home {color: blue;}
span.away {color: red;}
table.toc {background-color: #FFFDDA; border: 8px groove #4a2885; width: 500px;}
table.sonnet{background-color: #FFFDDA; border: 10px groove #4a2885; padding: 8px; margin: 20px;}
table.sonnet2{background-color: #FFFDDA; border: 10px  groove #4a2885; padding: 8px; margin: 20px; position: relative; left: 300px;}
table.yew {background-color: white; text-align: left; vertical-align: top;}
table.recc {background-color: white; text-align: left; vertical-align: top; border: 6px groove #4a2885;}
tr.rec {border: 2px; vertical-align: top; border: 2px solid #4a2885;}
td.reco {vertical-align: top; border-color: #4a2885;}
table.playlist {background-color: #FFFDDA; border: 6px groove #4a2885; font-size: 10pt;}
td.b {border-top:2px solid #4a2885; border-bottom: 2px solid #4a2885;}
td.fact {border-top:2px solid #4a2885; border-bottom: 2px solid #4a2885; min-width: 300px;}

p.yew {background-color: white;}

<!-- border styles are none dotted dashed solid double groove ridge inset outset--> 

