body {margin: 5px; background-image: url(images/stucco21.jpg);}

p {
  font-family: times new roman;
  font-size: 15px;
  line-height: 24px;
  color: rgb(102, 102, 0);

}
p:first-letter {
  font-family: tempus sans itc;
  font-size: 30px;
  font-weight: bold;
  color: rgb(102, 102, 0);
}

/* This is the new STUFF */

p a {
	position: relative; 
	background-color: #aac;
	color: #000;
	text-decoration: none;
}

a span {
	display: none;
}

a:hover {font-size: 100%;} /* IE/Win requires some link change on hover in order to show the tooltips */

html body a:hover span { /*the span will display just on :hover state*/
	display: block !important;
	position: absolute;
	top: 5px; 
	left: 40px; 
	width: 150px;
	border: 1px solid #f00;
	background-color: #cff; 
	color: #000;
	padding: 10px;
	font-size: .8em;
}

/*END of the NEW STUFF */

#head {width: 100%; background-color: rgb(43,43,43); margin-bottom: 0px}
#links {width: 110px; font-size: 8pt; float: left; margin: 10px 10px 20px 5px; padding: 0px; border: 1px solid black}

#links a {color: black; padding: 2px}
#links a:hover {text-decoration: underline}
#links span {width: 100%; color: white; background-color: black; text-align: center; font-family: sans-serif; display: block}
#paragraphs {color: rgb(102, 102, 0); font-family: times new roman; font-size: 50pt; text-decoration: italic;}
#pragraphs2 {color: red; font-family: tempus sans itc; font-size: 8pt;}


img {border: 0;}

td {vertical-align: top; background-color: ivory}

td a {text-decoration: none; padding: 2px; color: rgb(100, 44, 0)
}
td a: visited {color: rgb(102, 78, 0)}
td a: hover {border: 5px solid black; background-color: green}

address {clear: left; border-top: 1px solid black; font-family: sans-serif; font-size: 8pt; text-align: center; font-style: italic;}