body{
  margin:0;
  font-family:verdana;
  color:#111111;
}

div#header{
  height:245px;
  background:#860038;
  border-top:6px solid #dcbf6e;

}
img#logo{
  position:relative;
  display:block;
  padding-top:36px;
  padding-left:118px;

}
img#reunion{
  position:relative;
  display:block;
  padding-top:10px;
  padding-bottom:20px;
  margin:auto;
}
p#links{
  position:relative;
  text-align:center;
  font-size:20px;
  color:#fff;
  border-top:1px solid #dcbf6e;
  padding-top:10px;
  padding-bottom:10px;
}
p#links a{
  color:#fff;
  text-decoration:none;
}

div#content{
 margin-left:200px;
 margin-right:150px;
}

img#yearbook{
  margin-right:25px;
  float:left;

}

div#introduction{
  font-style:italic;
  text-indent:2.5em;
}

h1, h2, h3, h4{
  color:#860038;
  font-family:Times New Roman;
}

h2{
  margin-top:1.5em;
  margin-bottom:-0.7em;
}
a.embedded{
  font-weight:bold;
  color:#860038;
  text-decoration:none;
}


.blink_me {
  animation: blinker 1s linear infinite;
  color:#0d0;
  font-weight:bold;
  text-decoration:none;
  font-size:larger;
  font-style:italic;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}








table#alumni{
  margin-top:1em;
  margin-bottom:2em;
}
table#alumni td{
  padding-right:8em;
  padding-top:1em;
  font-weight:bold;
}
table#alumni td a{
  color:#860038;
}

table#memorial td a{
  color:#000;
}


div#sections{
  margin-top:1.5em;
}

div#sections a{
  color:#fff;
  background:#860038;
  text-decoration:none;
  padding:5px;
}

p#footer{
  text-align:center;
  margin-top:7em;
  margin-bottom:3em;
}

.centered{
  text-align:center;
}

.tooltip {
  text-decoration:none;
  position:relative;
}

.tooltip span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:white;
}

.tooltip span img {
  float:left;
  margin:0px 8px 8px 0;
}

.tooltip:hover span {
  display:block;
  position:absolute;
  /*top:-250px;*/
  top:-140px;
  left:0;
  z-index:1000;
  width:auto;
  max-width:500px;
  min-height:128px;
  border:1px solid black;
  margin-top:12px;
  margin-left:210px;
  overflow:hidden;
  padding:8px;
}


.tooltipw {
  text-decoration:none;
  position:relative;
}

.tooltipw span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:white;
}

.tooltipw span img {
  float:left;
  margin:0px 8px 8px 0;
}


.tooltipw:hover span {
  display:block;
  position:absolute;
  top:-250px;
  left:0;
  z-index:1000;
  width:auto;
  max-width:500px;
  min-height:128px;
  border:1px solid black;
  margin-top:12px;
  margin-left:-480px;
  overflow:hidden;
  padding:8px;
}

.tooltipn {
  text-decoration:none;
  position:relative;
}

.tooltipn span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:white;
}

.tooltipn span img {
  float:left;
  margin:0px 8px 8px 0;
}


.tooltipn:hover span {
  display:block;
  position:absolute;
  top:-250px;
  left:0;
  z-index:1000;
  width:auto;
  max-width:500px;
  min-height:128px;
  border:1px solid black;
  margin-top:12px;
  margin-left:-250px;
  overflow:hidden;
  padding:8px;
}



table#memorial{
  margin:3em auto;
}
table#memorial td{
  text-align:center;
  font-weight:bold;
}

table#dedication{
  text-align:middle;
  width:75%;
}

table#dedication img{
  padding-right:3em;
}