html {
height: 100%;
} 

body {
background-color: #FFFFFF;
text-align: center;
margin: 0px;
padding: 0px;
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #000000;
}

#box {
background-color: #FFFFFF;
text-align: left;
width: 100%;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px; 
height: 100%; 
}

#top {
background-color: #FFF;
margin-left: 10px;
text-align: center;
}

#barretta {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
color: #000000;
border-top: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
padding-top: 2px;
padding-bottom: 2px;
}

#middle {
background-color: #FFFFFF;
width: 100%;
float: center;
height: 100%;
margin: 0px;
}

#downbar {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
color: #000000;
border-top: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
padding-top: 2px;
padding-bottom: 2px;
}

.morsecode {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
margin-right: 15px;
margin-left: 15px;
}

code {
//	background-color: black;
//	color: green;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}