.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	z-index:10;
}
/*
	while : #FFFFFF;
	gold: #CC9900;
	dark blue: #030355;
	brick: #AC3900;
 */
.sf-menu a {
	display: block;
/*	border-left: 1px solid #fffFFF;
	border-top: 1px solid #FFFFFF; */
	padding: .25em .5em;
	text-align: center;
	text-decoration: none;
}
.sf-menu li li a
{
	text-align: left;
}
.t1, .t1 a
{
	color: #030355;
	background-color: #FFFFFF;
}
.t2, .t2 a
{
	color: #FFFFFF;
	background-color: #030355;
}
.t3, .t3 a
{
	color: #030355;
	background-color: #CC9900;
}
.t4, .t4 a
{
	color: #CC9900;
	background-color: #FFFFFF;
}
.t5, .t5 a
{
	color: #AC3900;
	background-color: #CC9900;
}
.sf-menu li
{
	width: 8em;
	float: left;
}
.sf-menu li ul {
	visibility:hidden;
}
.sf-menu li li {
	text-align: left;
	position:relative;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
	text-decoration:underline;
}
.sf-menu ul {
	position: absolute;
	width: 200px;  /* left offset of submenus need to match (see below) */
}
.t3 ul {
	position: absolute;
	width: 70px;  /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 200px; 
}
.t3 ul li {
	width: 70px; 
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 200px; /* match ul width */
	top: 0;
}