.flyout {
	position:relative;
	z-index:9999;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
.flyout * {
}

.flyout ul {
	margin:0;
	padding:0;
	background:#ADDDAB;
}

.flyout li ul, 
.flyout li ul li ul {
	position:absolute;
	top:0;
	left:-999em;
	width:100%;
}

.flyout li {
	list-style-type:none;
	position:relative;
}

.flyout a,
.flyout a:link,
.flyout a:visited {
	display:inline-block; /* IE will never learn */
	padding:5px;
	padding-right:18px;
	background:#ADDDAB url("images/menu-border.gif") no-repeat bottom right; /* Not really an image. Fools IE is actually working */
	color:#4F6E70;
	text-decoration:none;
	font-weight:bold;
	min-width: 130px;
}

.flyout a:hover {
	background:url("images/menu-border-over.gif") no-repeat bottom right; /* Not really an image. Fools IE is actually working */
	color:#FFFFFF;
	text-decoration:none;
}

/* This is the second level */
.flyout li:hover ul, 
.flyout li.sfhover ul {
	left:87%;
}
.flyout li:hover ul li ul, 
.flyout li.sfhover ul li ul {
	left:-999em;
}

/* This is the third level */ 
.flyout li ul li:hover ul, 
.flyout li ul li.sfhover ul {
	left:87%;
}

/* For FF and IE7 */ 
.flyout li:hover>ul,
.flyout li>ul>li:hover>ul {
	left:99%;
}
.flyout li>a {
	display:block;
}

/* Specific to main menu */
#nav-secondary {position:relative; z-index:9999;}