* {  	text-decoration: none;
      		color: white;
      		font-family: "verdana", "arial", "sans-serif";
      		margin-bottom: 2px;
	  }

input {color: black; }

h1 		{
      		font-family: "verdana", "arial", "sans-serif";
			font-size: 200%;
			weight: bold;
			color: white;
			font-weight: bold;
      		margin-bottom: 2px;
    	}

h2 		{
			font-family: "French Script MT", "Script", "cursive";
			color: #EDB3B8;
			font-weight: bold;
			weight: bold;
			font-size: 200%;
      		margin-bottom: 2px;
    	}

h3 		{
			font-size: 110%;
      		margin-bottom: 2px;
    	}


table 	{
	border-width: 0px;
	border-style: none;
	border-collapse: collapse;
		}
			  
td {  	border-width: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 8px;
	padding-right: 8px;
	border-style: inset;
	border-color: gray;
	font-weight:normal;
	font-size: 90%;
}

td.narrow {
  	border-width: 1px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border-style: inset;
	border-color: gray;
	font-weight:normal;
	font-size: 90%;
}

th {  text-decoration: none;
      color: black;
      font-size: 90%;
      font-family: "verdana", "arial", "sans-serif";}


a:link, a:visited {
      		color: #EDB3B8;;
			border-bottom: 1px dotted;

 }

a:hover {
      		color: white;
			border-bottom: 1px dotted;

 }
			

a.info{
    position:relative; /*this is the key*/
    /* z-index:24; */
    color: blue;
    text-decoration:underline;}

a.info:hover{
   /* z-index:25; */
   background-color:#ff0;
   }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    font-size: 90%;
    text-align: center;
    text-decoration:none;}