@charset "utf-8";
/** Maine Maple menu.css **/

#menu {
	width:750px;
	height:22px;
	text-align: center;
	padding-top: .9em;
}
#menu ul {
	display:inline-block;
} 
#menu ul {
	display:inline;
}
#menu ul.top-level {
	margin-left:0;
}
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	text-align:left;
} 
#menu li {
	margin:0;
	padding:0;
}
#menu a {
	display:block;
	color:#efda9b;
	line-height:2em;
	text-decoration:none;
	padding:0 20px;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
} 
* html #menu ul.top-level {
	margin-left:0;
} /* I don't know why, but this centers IE5.5 ?? */

#menu li:hover > ul {
	visibility:visible;
}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {
	visibility:visible;
}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {
	visibility:hidden;
}

#menu ul.top-level {
	display:table;
	margin:0 auto;
} 
#menu li.top-level-li {
	float:left;
	position:relative;
	margin-right:1px;
}
#menu a.top-level-a {
	float:left;
	padding:0 0 0 20px;
} 
#menu a.top-level-a b {
	float:left;
	padding:0 20px 0 0;
	cursor:pointer;
	cursor:hand;
}
#menu a.down b {
	float:left;
	padding:0 20px 0 0;
	cursor:pointer;
}
#menu a.top-level-a:hover {
	color:#FFF;
	white-space:nowrap;
}
#menu a.top-level-a:hover b, 
#menu a.top-level-a:focus b, 
#menu a.top-level-a:active b {
	color:#FFF;
	cursor:pointer;
}
#menu a.down:hover b, 
#menu a.down:focus b, 
#menu a.down:active b {
	color:#FFF;
	cursor:pointer;
}
#menu li.top-level-li:hover > a {
	white-space:nowrap;
}
#menu li.top-level-li:hover > a b {
	color:#FFF;
}
#menu li.top-level-li:hover > a.down b {
	color:#FFF;
}
#menu li ul {
	display:block;
	position:absolute;
	visibility:hidden;
	background:#627746;
	left:0;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 1px;
}
#menu li li {
	border-bottom:1px solid #efda9b;
}
#menu li li a {
	background:#627746;
} 
#menu li li a:hover {
	color:#FFF;
	background:#627746;
} 
#menu li li:hover > a {
	background:#627746;
}
#menu li li a.fly {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#menu li li a.fly:hover {
	color:#FFF;
	background:#627746
} 
#menu li li:hover > a.fly {
	color:#FFF;
	background:#627746
}
#menu ul.drop-down {
	top:22px;
} 
#menu li li ul {
	left:100%;
	margin-top:-23px;
	margin-left:-5px;
}
#menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	text-align:left;
}
#menu table ul li a {
	padding-left:0;
	padd\ing-left:20px;
}
#menu table table {
	top:auto;
	left:100%;
	margin-left:-1px;
	padding:0;
	margin:0;
}
#menu table table ul {
	margin-top:-4px;
	marg\in-top:-7px;
}