#menu {
	position: relative;
	top: 0px;
	left: 0px;
	padding-left: 8px;
}

div.first-item {
	border-top: 2px solid white;
}

div.last-item {
	border-bottom: 1px solid white;
}

#menu img {
	margin-right:10px;
}

/* Hack for IE 6 to display arrows in the menu vertically centered */
* html #menu img {
	margin-top: 10px;
}

a.menu {
	text-decoration: none;
	color: #ffeb99;
}

a.menu-submenu {
	text-decoration: none;
	color: #003066;
}

a.menu-a-1, a.menu-a-2, a.menu-a-3, a.menu-a-4 {
	color: #003066;
}

a.menu-img {
	display:inline-block;
	font-size: 0px;
	width: 20px;
	height: 35px;
	text-decoration: none;
}

img.menu-img {
	margin-bottom: 8px;
	vertical-align: middle;
}
span.menu {
	display: block;
	height: 35px;
	padding-left: 15px;
	font-size: 14px;
	vertical-align: middle;
	line-height: 35px;
}

span.menu-1 {
	width: 227px;
	border-bottom: 1px solid white;
}

span.menu-2 {
	background-color:#F3D04B;
	padding-left: 30px;
	width: 197px;
	border-bottom: 1px solid white;
}

span.menu-3 {
	background-color:#F6DC75;
	padding-left: 50px;
	width: 177px;
	border-bottom: 1px solid white;
}

span.menu-4 {
	background-color:#ffeb99;
	padding-left: 70px;
	width: 157px;
	border-bottom: 1px solid white;
}

span.no-arrow {
	display: inline-block;
	width: 22px;
}

#menu-close {
	border-top: 1px solid white;
}

#menu-open {
	border-bottom: 2px solid white;
}