<link type="text/css" rel="stylesheet" href="style.css">

body {

<style type"text/css">
body { font face: Arial;}
</style>

.menu1 { font-family: Arial, sans-serif; font-size: 12pt; font-weight: bold; color: #000000; text-decoration: underscore; background-color: #00ffff}	<!--#55ccdd-->
.menu1:hover {font-weight:bold; color: #eeeeee; background-color: #00ffff}


.menu2 { font-family: Arial, sans-serif; font-size::12pt; font-weight: bold; color: yellow; background-color: #2288ff }
.menu2:hover { font-family: Arial, sans-serif; font-size::12pt; font-weight: bold; color: yellow; background-color: #2288ff }

.menu2a: { font-family: Arial, sans-serif; font-size:12pt; font-weight: bold; color: yellow; background-color: #00b2ff }
.menu2a:hover { font-family: Arial, sans-serif; font-size:12pt; font-weight: bold; color: yellow; background-color: #00b2ff }

.menu2b: { font-family: Arial, sans-serif; font-size:12pt; font-weight: bold; color: yellow; background-color: #2288ff }
.menu2b:hover { font-family: Arial, sans-serif; font-size:12pt; font-weight: bold; color: yellow; background-color: #2288ff }


.menu3 {font-family: Arial, sans-serif; font-size: 12pt; font-weight: bold; text-decoration: none; background-color: 2288ff}
.menu3:hover {font-weight:bold; color: red; background-color: #00b2ff }

.menu3a {font-family: Arial, sans-serif; font-size: 12pt; font-weight: bold; color: white; text-decoration: underscore; background-color: 2288ff}
.menu3a:hover {font-weight:bold; color: red; background-color: yellow}


.menu4 {font-family: Arial, sans-serif; font-size: 12pt; font-weight: bold; color: blue; text-decoration: underscore; background-color: cce9ff; }
a:link {color: blue} 
:visited {color:#00FF00} /* visited link */

.menu4:hover {font-weight:bold; color: red; background-color: cce9ff} 
:active {color:#0000FF}  /* selected link */


a:link {
	color: #84414A;
	text-decoration: underline;
	}
a:visited { 
	color: #84414A;
	text-decoration: underline; 
	}
a:hover {
	color: #666666;
	text-decoration: underline;
	}
a:active { 
	color: #84414A;
	text-decoration: underline; 
	}
	
.textVerd { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	line-height:14px;
	}
	
.textVerdBold { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color:#112269;
	line-height:14px;
	font-weight: bold;
	}
	
.textVerdBold2 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	color:#112269;
	line-height:14px;
	font-weight: bold;
	}

td.box4grey
{
	border-style: solid;
	background-color:#FFFFFF;
	border-top-width: 1px;
	border-top-color: #D5D5D5;
	border-right-width: 1px;
	border-right-color: #D5D5D5;
	border-left-width: 1px;
	border-left-color: #D5D5D5;
	border-bottom-width: 1px;
	border-bottom-color: #D5D5D5;
}

td.box4green
{
	border-style: solid;
	background-color:#D7E8A1;
	border-top-width: 1px;
	border-top-color: #B0D144;
	border-right-width: 1px;
	border-right-color: #B0D144;
	border-left-width: 1px;
	border-left-color: #B0D144;
	border-bottom-width: 1px;
	border-bottom-color: #B0D144;
}

td.boxBlack
{
	border-style: solid;
	background-color:#EEF7D0;
	border-top-width: 0px;
	border-top-color: #000000;
	border-right-width: 1px;
	border-right-color: #000000;
	border-left-width: 0px;
	border-left-color: #000000;
	border-bottom-width: 0px;
	border-bottom-color: #000000;
}