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; background-color:yellow}
a:active {color:green}

h1 { font-size: 2em }
h2 { font-size: 1.75em }
h3 { font-size: 1.5em }
p { font-size: 1em }
tr {font-size: 1.1em }

#histassoc td {border:1px solid grey; padding:5px; font-size:1em}


#menu-position {position:relative; float:left; margin-top:0px;margin-left:10%; width:75%;z-index:10;}


#menubutton{visibility:hidden} 

#RPMenu { margin: 0;padding: 0; }

#RPMenu li { margin: 0;padding: 0;list-style: none; float: left; width:25%;}

#RPMenu li span { display: block; margin: 0 1px 0 0;padding: 8px 5px; line-height:7vh; background: #3195b7;color: #ffffff;text-align: center;  text-decoration: none; font-size:1.1em; vertical-align: middle}


#RPMenu div { position:absolute;visibility: hidden; background:#3195b7; border:solid 5px #3195b7; width:24%;color:white; margin-top:0 ; font-size:1em;  }

#RPMenu div a { position:relative;display: block;  width:90%; margin-bottom:2px; padding:5px 0px 5px 6px; text-align:left; whitespace: wrap;font-size:1.1em;text-decoration: none;background:white;color: 000000; vertical-align: middle}

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



body { background-image: linear-gradient(to right, #3195b7, #f0ffff), url(http://www.ropepulley.org/styles/RPLogo.png); background-repeat: no-repeat, no-repeat; background-color: f0ffff; background-size: 9% 100%,12vw 15vw; background-position: left, top 8px right 10px}


#pageheader {position:relative; z-index:1;  float:left; padding-top:10px; padding-bottom:10px; margin-left:10%; margin-right:auto; width:70%; font-size:4vw;  font-style: italic ; color:#3195b7; text-align:center; }

#BodySections  {padding-left:10%;padding-right:10%; clear:both; font-size:1.1em }

#RosemaryR {width:80%; margin-left:10%; }

#RPfootruler {clear:both; margin-left:auto; margin-right:auto; width:80%; }

#RPfootcopyright {margin-left:auto; margin-right:auto; font-weight:bold; text-align:center; margin-top:-5px;margin-bottom:5px;}

#RPPhotos {float:left; margin-left:auto; margin-right:auto; width:40%;border:5px solid #3195b7; background:ffe4e1;padding:10px;text-align:justify}

#RPMtgs {float:left; margin-left:auto; margin-right:auto; width:40%; border:5px solid #3195b7; color:black; background:white; padding:10px}

#overlay { position:absolute; visibility:hidden; top:0; bottom:0;   width:100% ;  background:grey; opacity:0.7; z-index:5; }