TABLE.header {
     border-bottom: solid black;
     background-color: #2020c0;
     color: #FFFFFF;
     vertical-align: middle
}

TABLE.navigation {
     border: none;
     background-color: #2020c0;
<!--     border-bottom: solid black;-->
}
TABLE.navigation TH.current, TABLE.navigation TD.current {
	color: black;
     background-color: #ffffff
}
TABLE.navigation, TABLE.navigation A {
     color: #FFFFFF;
<!--	border-left: solid black;-->
}
TABLE.navigation A:hover {
<!--     color: #00FFFF-->
}

<!-- table styles for 2 level nested nav bars -->
TABLE.navigation1 {
     border: none;
     background-color: #2020c0;
<!--     border-bottom: solid black;-->
}
TABLE.navigation1 TH.current, TABLE.navigation1 TD.current {
	color: black;
     background-color: #8080c0
}
TABLE.navigation1, TABLE.navigation1 A {
     color: #FFFFFF;
	background-color: #2020c0;
<!--	border-left: solid black;-->
}
TABLE.navigation1 A:hover {
<!--     color: #00FFFF-->
}

TABLE.navigation2 {
     border: none;
     background-color: #8080c0;
<!--     border-bottom: solid black;-->
}
TABLE.navigation2 TH.current, TABLE.navigation2 TD.current {
	color: black;
     background-color: #ffffff
}
TABLE.navigation2, TABLE.navigation2 A {
     color: #FFFFFF;
	background-color: #8080c0;
<!--	border-left: solid black;-->
}
TABLE.navigation2 A:hover {
<!--     color: #00FFFF-->
}

<!-- add table.navigation1 and table.navigation2 for nested navigation bars -->