#main-menu-container{
	position:relative;
	z-index:999;
	height:40px;
	background: transparent url(/img/menubg.gif) repeat-x 0 0;
	white-space:nowrap;
	overflow:visible;
}

li.seperator img{
	position:relative;
	top:-3px;
}
	#leftcap{
		position:absolute;
		top:0;
		left:0;
	}
	#rightcap{
		position:absolute;
		top:0;
		right:0;
	}

#main-menu{
	position:absolute;
	padding-top:3px;
	top:0;
	left:0;
}

.menu, .menu ul li {
	color: #FFFFFF;
	font-size: 14px;
}

.menu ul {
	padding: 13px 30px 30px 30px;
	margin: -12px 0 0 -10px;
	width:150px;
}

.menu {
	display:block;
	position:relative;
	top:-38px;
	float:left;
	color:#FFFFFF;
}

.menu a {
	text-decoration: none;
	color: #FFFFFF;
	padding: .4em 1em;
	display: block;
	position: relative;
}

.menu li {
	border-left:1px solid #0C1F3A;
	border-right:1px solid #819ABD;
}

.menu li:first-child {
	border-left:none;
}

.menu a:hover, .menu li:hover>a {
	color: #ccc;
}

.menu li li {	/* create borders around each item */
	border: 0px solid #000000;
	background-color:#122F56;
	font-size:11px;
	padding:5px 0 5px 0;
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
/*.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #fff;
}*/