body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
        margin:0px;
	background-color: #288AAA;
}
form {
margin: 0px;
padding: 0px;
}
a {
	font-size: 12px;
	color: #000066;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000066;
}
a:hover {
	text-decoration: none;
	color: #0099FF;
}
a:active {
	text-decoration: none;
	color: #0099FF;
}
a img { border: 0; }

input[type=submit] {
  font-weight: bold;
}
	
#navigation a {
	color: #000066;
	display:block;
	}
	
#navigation a:hover {
	background: #0055BB;
        color: #E1FFE1;
	}

#navigation td {
	background-color: #E6F3FF;
}

#table1 td {
	background-color: #E6F3FF;
}

#table2 td {
	background-color: #C3D9FF;
}

#title1 td {
	background-color: #99FFDD;
}

#title2 td {
	background-color: #BFEDFD;
}

.tooltip span {
    display:none;
}
.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 1000;
    text-decoration:none;
}
.tooltip:hover span {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: 0px;
    padding: 5px;
    color: #000;
    border: 2px solid #0055BB;
    background: #C3D9FF;
    width: 180px;
    z-index: 1000;
}



.tooltip2 span {
    display:none;
}
.tooltip2:hover {
    border: 0;
    position: relative;
    z-index: 1000;
    text-decoration:none;
}
.tooltip2:hover span {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -80px;
    padding: 5px;
    color: #000;
    border: 2px solid #0055BB;
    background: #C3D9FF;
    width: 180px;
    z-index: 1000;
}


.tooltip3 span {
    display:none;
}
.tooltip3:hover {
    border: 0;
    position: relative;
    z-index: 1000;
    text-decoration:none;
}
.tooltip3:hover span {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 2px solid #0055BB;
    background: #C3D9FF;
    width: 180px;
    z-index: 1000;
}