body {
	font-size:1.5em;
}
A:link {
	COLOR: #003399; TEXT-DECORATION: none
}
A:visited {
	COLOR: #003399; TEXT-DECORATION: none
}
A:hover {
	COLOR: #0099ff;
	background-color: #ccc;
}
A:active {
	COLOR: #003399
}

.output {
	FONT-FAMILY: "Doulos SIL", sans-serif;
	FONT-SIZE: 1.5em;
}
table {
	text-align: center;
	font-size: 1em;
}
#consonants {
	float:left;
	margin-right: 50px;
}
#vowels {
	float:left;
}
span.label {
	color:#999;
	font-size: 50%;
	text-align: left;
}
span.space {
	border-width: 1px;
	border-style:solid;
	padding:2px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 50%;
	text-align: center;
}
p.header {
	font-size:50%;
}
p.footer {
	font-size:50%;
}
li {
	font-size:50%;
} 
.clear {
clear:both;
margin:0;
padding:0;
}
div#info {
	position:absolute;
	right: 10px;
	z-index: 100;
	width: 100px;
	font-size: 50%;
	text-align:center;
}
div#info a span {
	display:none;
}
div#info a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #ccc;
	z-index: 99;
}