html { background-color: #003366;}
body { color: #330000; background: #3366cc; text-align: left;}

body { margin-left: 10%; margin-right: 10%; margin-top: 5%; }

p{text-align: center;}

/*a bloder "header line" */
l{text-align: center; text-decoration: underline; text-decoration: bold;}

table{border-style: inset; border-width: 10px;padding: 0.5cm;width: 500px;}

/* a table header */
th{display: table-row; text-decoration: underline; text-align:center;}


a:link {color: #003300;}

a:hover { /* define what happens specifically when the mouse is over a hyperlink */
	background-color: #ffffff;  /*Set BG color to dark red*/
	color: #000000;        /*Set text color to white*/
}