/*
 * This is a very specific effect that I want to keep.
 * It should probably be moved into a local style sheet on the 'wibble' page.
 */
DIV.textbox P.wibbletext {
	background-color: #ffffdd;
	margin: 0em;
	padding: 1em;
	border: 2px solid #ffff00;
	text-align: justify;
	}

DIV.textbox P.wibbletext A { text-decoration: none; color: black; }
DIV.textbox P.wibbletext A:link { text-decoration: none; border: none;}
DIV.textbox P.wibbletext A:active { text-decoration: none; border: none;}
DIV.textbox P.wibbletext A:visited { text-decoration: none; border: none;}
DIV.textbox P.wibbletext A:hover {
	background-color: #E0FFE0;
	border: 2px solid #00ff00;
	color: black;
	text-decoration: none;
	}
DIV.textbox P.wibbletext A span{ display: none; text-decoration: none; }
DIV.textbox P.wibbletext A:hover span{
	text-decoration: none;
	display: block;	
	position: absolute;
	padding: 0px;
	margin: 0px;
	border: 2px solid #008800;
	}
DIV.textbox P.wibbletext A:hover SPAN H1{
	background-color: #60ff60;
	color: #000000;
	display: block;
	font-size: 100%;
	border: 2px solid black;
	font-weight: 600;
	margin: 0px;
	padding: 5px;
	padding-bottom: 2px;
	}
DIV.textbox P.wibbletext A:hover SPAN H2{
	text-decoration: none;
	display: block;	
	padding: 5px;
	margin: 0px;
	font-size: 100%;
	font-weight: 100;
	text-align: left;
	background-color: #e0ffe0;
	color: #000000;
	border: 2px solid #80ff80;
	}