/* The overall menu itself */
div.menu-wrapper {
	margin : 0;
	padding-left : 4px;
	text-align : left;
}
ul.menu {
	font-size : 0.75em;
	font-weight : bold ;
	padding : 0;
	margin : 0;
	list-style : none;
	color : #003198;
	text-decoration : none ;
}

/* The first level of menu items */
ul.menu li.menuitem-1 {
	margin : 0px 6px;
	padding : 2px;
	float : left ;  
	position : relative ;
	cursor : default ;
	z-index : 1;
}

ul.menu li.menuitem-1 a,
ul.menu li.menuitem-1 a:link,
ul.menu li.menuitem-1 a:visited {
	background-color : transparent ;
	color : #003198;
	text-decoration : none ;
}

ul.menu li.menuitem-1 a:hover {
	background-color : transparent ;
	text-decoration : underline ;
}

ul.menu li.separator {
	margin : 1px 6px 0px 6px;
	float : left ;  
	position : relative ;
}

/* 
	The second level of menu items 
	The following should work in Mac IE
*/
ul.menu li.menuitem-1 ul {
	border : 0; 
	background-color : #dcdcdc;
	width : 160px;   
	position : absolute ;
	top : 16px ;
	left : -10000px;
	padding : 0 6px;
	margin : 0 ;
	margin-top : 1px;
	list-style : none; 
	cursor : default ;
}

/* for everything else \*/
ul.menu li.menuitem-1 ul {
	border : 0; 
	background-color : #dcdcdc;
	width : 160px;   
	position : absolute ;
	top : 1.25em ;
	left : -10000px;
	padding : 0 6px;
	margin : 0 ;
	margin-top : 1px;
	list-style : none; 
	cursor : default ;
}
ul.menu li.menuitem-1 > ul { top : auto ; }

/* The hover state of the top level menu item */
ul.menu li.menuitem-1:hover,
ul.menu li.over {
	z-index : 1000;
	margin : 0px 6px;
	padding : 2px;
	color : #fff;
	background-color : #039;
}
/* override the previous rule if there's no children */
ul.menu li.no-children:hover {
	background-color : transparent;
	color:white;
}
/* added override for an item that has no children and is a link */
ul.menu li.no-children a:hover {
	background-color : #003198 ;
	color:White;
}

/* Rules to make the submenu appear */
ul.menu li.menuitem-1:hover ul, 
ul.menu li.over ul{ 
	left : 0 ; 
}
ul.menu > li.menuitem-1:hover > ul{ 
	left : auto ; 
}

/* Rules for the appearance of sub menu items */
ul.menu li.menuitem-1 ul li.menuitem-2 {
	border : 0;
	border-top : 1px dotted #999;
	float : none ;
	padding : 3px;
	margin : 0 ;
}
ul.menu li.menuitem-1 ul li.last-child {
	margin-bottom : 2px;
}