.tabelatech {  font-family: Tahoma, Arial, Verdana; font-size: 12px; font-weight: normal; color: black; text-decoration: none}
.tresc { font-family: Tahoma, Arial, Verdana; font-size: 12px; font-weight: normal; color: black; text-decoration: none }
.briefing { font-family: Tahoma, Arial, Verdana; font-size: 12px; font-weight: normal; color: black; text-decoration: none }

body table td { font-family: Tahoma, Arial, Verdana; font-size: 12px; font-weight: normal; color: black; text-decoration: none }
A:link {color: black; text-decoration: none}
A:visited {color: black; text-decoration: none}
A:active {color: red; text-decoration: none}
A:hover {color: red; text-decoration: none}


p {text-align: justify; margin: 12px; text-indent: 15px}

}
a:link, a:visited, a:active {
    font-family: Verdana, sans-serif; 
    font-size: 12px;
    text-decoration: bold;
    color: black;
    
}
a:hover {
    text-decoration: none;
    color: red;
}
input { background-color:transparent; font-size: 12px; color: black; border-color: #black;  width: 100px  }
div {overflow: auto;  text-align: justify; padding-left: 2px; padding-right: 2px;}

}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 7px;
}

#nav a {
	display: block;
	}

#nav li { /* all list items */
	float: left;
	/* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	z-index: 2;
	background: #afafaf;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}