a:link {color:blue; text-decoration:none}
a:visited {color:purple; text-decoration:none; font-weight:bold}
a:hover {color:blue; font-weight:bold; text-decoration:underline;}
a:active {color:green}

#menuposition { clear:both; margin-left:-33; }

#RPMenu ul { z-index:3; width:96%; }

#RPMenu li { float:left; position:relative;  width:25%; list-style-type:none; }

#RPMenu li span { display:block; margin: 0px 4px 0 0; padding:5px 0px; background:#008B8B; font: bold 1em Arial; color:white;text-align: center;text-decoration: none;}

#RPMenu div {display:block; position:absolute; z-index:2; visibility: hidden; width:96%;padding:4px 4px; background:#008B8B; border:#008B8B;}

#RPMenu div a {clear:both; display:block; padding:8px 4px; margin:2px; text-align: center;text-decoration: none;background:white;color:black; font: bold 0.8em Arial}

#RPMenu div a:hover {background:grey;color:#ffffff }

#BodySections  {margin-left:1.5%;margin-right:1.5%; padding-left:0%;padding-right:0%; z-index:1; }

#BodySections  {margin-left:1.5%;margin-right:1.5%; padding-left:0%;padding-right:0%; z-index:1; }

body { background-image: linear-gradient(to left, #008b8b, #F7F2EF), linear-gradient(to right, #008b8b, #F7F2EF); background-repeat: no-repeat, no-repeat; background-color:#F7F2EF; background-size: 1vw 100% , 1vw 100%; background-position: left, right; font-size: 20px; }

h1 { font-size: 2.5em;}
h2 { font-size: 1.875em;}
p { font-size: 20px}

#RRbanner { float:left; top:2px; margin-left:8vw; width:18vw }

#RRbannerPic {width:100%}
#RRbannerPic:hover {background: #008080 }

#pageheader {float:left; padding-top:2%;  margin-left:10vw;text-align:center; font-weight:bold;  color:black; font-family:Arial; font-size:5vw}


#RRfootruler {clear:both; margin-left:10%;margin-right:10%;  }

#RRfootcopyright {margin-left:auto; margin-right:auto; font-weight:bold; text-align:center; margin-top:-5px; font-size: 1em}

@media screen and (min-width: 801px) {#RosemaryR {margin-left:10%; margin-right:10%; text-align:justify; } }

@media screen and (max-width: 800px) {#RosemaryR {width:100%; margin-left:auto; margin-right:auto; } }

@media screen and (min-width: 801px) {#BHBook {float:left;margin-left:7%;margin-right:7%; text-align:justify;margin-bottom:1%; font-size:1.2em } }

@media screen and (max-width: 800px) {#BHBook {float:left; margin-bottom:1%; font-size:1em } }

@media screen and (min-width: 801px) {#BuyBH {float:centre; margin-left:15%; padding:2px 2px 2px 2px; text-align:center;margin-bottom:1%; font-size:1.2em } }

@media screen and (max-width: 800px) {#BuyBH {float:left; text-align:center;margin-bottom:1%; font-size:1.1em} }