.BODY
{
	font-size : 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	
	background-image: url(images/background_body.jpg);
}

a:link {
	color: #9E1704;
	text-decoration: none;	
}
a:active {
	color: #F00;
	text-decoration: none;
}
a:visited {
	color: #930;
	text-decoration: none;
}
a:hover {
	color: #F00;
	text-decoration: none;
	
}

.pagecontents
{
	font-size : 12px;
	background-color: #fdf0c6;
	font-family: Arial, Helvetica, sans-serif;
}
.pagecontentsHeader
{
	font-size: 14px;
	font-weight: bolder;
	color: #9E1704;
	background-color: #fdf0c6;
	font-family: Arial, Helvetica, sans-serif;
}
.leftmenuheader {
	font-size: 14px;
	line-height: 20px;
	font-weight: bolder;
	margin-bottom: 5px;
	margin-top: 5px;
}

.leftmenu {
	color: #9E1704;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.leftmenu a:link {
	color: #9E1704;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;	

}
.leftmenu a:hover {
	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;	
	color: #F00;
}
.leftmenu a:visited {
	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #C60;
	text-decoration: none;
}


.pagetitle {
	font-size: 24px;
	color: #9E1704;
	font-weight: bolder;
	font-variant: small-caps;
}
.header {
	font-size: 36px;
	font-weight: bold;
	color: #9E1704;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2
{
	font-size: 24px;
	font-weight: bolder;
}
h3
{
	font-size: 20px;
	font-weight: bolder;
}
h4
{
	font-size: 16px;
	font-weight: bolder;
	color: #9E1704;
	background-color: #fdf0c6;
	margin-top: 40px;
}

.smallprint {
	font-size: 10px;
}
.subtitle {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
.add {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}
.TopOfPage {
	color: #9E1704;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.LastUpdate {
	color: #9E1704;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.blue
{

	color: #00C;
	}
	
/* Popup container */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 300px;
  background-color: #fff;
  /*color: #999; */
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -20px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}


/* TOOLTIP POPUP  */
<style>
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}


/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 300px;
	background-color: white;
	/* color: #fff; */
  text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	/* Position the tooltip */
  position: absolute;
	z-index: 1;
	/* !! POSITIONING WITH E.G. BOTTOM 100% OR LEFT DOES NOT WORK! */
}


/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
</style>