body {
	background: #ffffec; /*#ffffcc     #F1E1C7;  bgcolor="#F1E1C7" bgcolor="#ffffec" */
	margin: 10; 
	padding: 0;
	color: black; 
	font: 12px Verdana, sans-serif; 
}



div.links {
	position: relative; 
	top: 0px; 
	left: 0; 
	width:170px;
	height: 10px; 
	font: 16px Verdana, sans-serif; 
	z-index: 100;
}

p {
font: 16px Verdana, sans-serif; 
}

div.links a {

  	/*display: inline; */
  	display:block;



	text-align: center; 
	font: bold 1em sans-serif; 
   	padding: 5px 10px; 
	margin: 10px; 
	border-width: 0; 
   	text-decoration: none; 
	color: #FFC; 
	background: #444;
   	border-right: 5px solid #505050;
}

div.links a:hover {
	color: #411; background: #AAA;
   	border-right: 2px double black;
}

div.links a span {
	display: none;
}

div.links a:hover span {
	display: block;
   	position: absolute; 
	top: 50px; 
	left: 0; 
	width: 125px;
   	padding: 5px; 
	margin: 10px; 
	z-index: 100;
   	color: #AAA; 
	background: black;
   	font: 10px Verdana, sans-serif; 
	text-align: center;
}

.medgreen {
 /* this style will apply to any element with class="medgreen" */
 color:#00FF00;
 text-decoration:none;
 font: 24px Verdana, sans-serif;
}

p.bigred {
 color:#FF0000;
 text-decoration:none;
 background:#FFFFFF;
 font: 32px Verdana, sans-serif;
}