#menu-wrapper {

	border:orange 0px solid;

	width:968px;

	top: 94px;

	height: 24px;

	margin-left: 18px;

	position: absolute;

	z-index: 8;

	font-size:12px;

}



#menu-wrapper #header-menu{

	border:blue 0px solid;

	border-top:#332985 0px solid;

	border-bottom:#9994c2 0px solid;

	clear:both;

	font-family:"Times New Roman",Times,serif;

	font-size:13px;

	font-weight:normal;

	position:relative; z-index:100;

	margin:0px;

	padding:0em 0 0em 0;

	width:100%;

	/*background:#001d40 url(img/header-menu-bg-2.gif) no-repeat top left;*/

	background:none;

	/*text-transform:lowercase*/

}

/* remove all the bullets, borders and padding from the default list styling */

#menu-wrapper #header-menu ul{

	border:red 0px solid;

	padding:0 0px 0 0%;

	margin:0 auto;

	list-style-type:none;

	width:100%;

}

	/* all second level menus to show over the top of the first level menus */

	#menu-wrapper #header-menu ul ul{

		border:#766fac 0px solid;

		margin:0 auto;

		padding:0;

		width:130px;

		z-index:101;

		top:-1px;

	}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu position */

#menu-wrapper #header-menu li{
	border:red 0px solid;
	margin:0 7px 0 0%;
	padding:0 0px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	position:relative;
	text-align:left;
	width:110px;
	background-color:#003366;

}

	#menu-wrapper #header-menu li a.selected{

		color:#ffffff;

	}

/* first top level item */

#menu-wrapper #header-menu li.first{

	padding:0 0px 0 0;

	text-align:left;

	/*width:17%;*/

}

/* last top level item */

#menu-wrapper #header-menu li.last{

	padding:0 0px 0 0;

	text-align:right;

	/*width:10%;*/

}





/* ------------------------------------------------------------------------------------------------ */

/* general drop */

#menu-wrapper #header-menu ul ul.general{

	margin:0px 0 0 0;

	padding:5px 0 0px 0px;

	background-color:#003366;

	width:110px;

}

#menu-wrapper #header-menu li.general{

	border:green 0px solid;

	background:#003366 url(img/menu/menu-top-level-bg.gif) no-repeat top left;

}

	#menu-wrapper #header-menu li.general.gap{

		margin:0 273px 0 0%;

	}	

	#menu-wrapper #header-menu li.general a, 

	#menu-wrapper #header-menu li.general a:visited{

		border:red 0px solid;

		color:#FFFFFF;

		padding:4px 0px 4px 9%;

		margin:0;

		width:91%;

	}

/* general drop sub level */		

#menu-wrapper #header-menu li.generalsub{

	border:green 0px solid;

	margin:0px;

	padding:0px;

	width:225px;

}	

	#menu-wrapper #header-menu li.generalsub p{

		border:green 0px solid;

		margin:0 0 0 0px;

		padding:7px 7% 7px 5%;

		background:#003366;

		color:#FFFFFF;

		width:88%;

	}		

	#menu-wrapper #header-menu li.generalsub a, 

	#menu-wrapper #header-menu li.generalsub a:hover,

	#menu-wrapper #header-menu li.generalsub a:visited{

		margin:0 0 0 -0px;

		padding:7px 7% 7px 5%;

		background:#003366;

		/*background:#003366 url(img/arrow-blue.gif) no-repeat 10px center;*/

		width:88%;

	}	

		#menu-wrapper #header-menu ul ul li.generalsub a:hover{

			background:#000000;

			color:#FFFFFF;	

		}

		#menu-wrapper #header-menu ul ul li.generalsub a.nolink,

		#menu-wrapper #header-menu ul ul li.generalsub a.nolink:hover{
	border:green 0px solid;
	margin:0 0 0 0px;
	padding:7px 7% 7px 5%;
	background:#003366;
	color:#FFFFFF;
	width:88%;
	line-height:16px;
	font-style: italic;

		}		

/* general drop SELECTED sub level */		

#menu-wrapper #header-menu li.generalsubsel{

	border:green 0px solid;

	margin:0px;

	padding:0px;

	width:225px;

}	

	#menu-wrapper #header-menu li.generalsubsel p{

		border:green 0px solid;

		margin:0 0 0 0px;

		padding:7px 7% 7px 5%;

		background:#003366;

		color:#FFFFFF;

		width:88%;

	}

	#menu-wrapper #header-menu li.generalsubsel a, 

	#menu-wrapper #header-menu li.generalsubsel a:hover,

	#menu-wrapper #header-menu li.generalsubsel a:visited{

			margin:0 0 0 -0px;

			padding:7px 7% 7px 5%;

			background:#000000;

			/*background:#003366 url(img/arrow-blue.gif) no-repeat 10px center;*/

			width:88%;

	}	

		#menu-wrapper #header-menu ul ul li.generalsubsel a:hover{

			background:#000000;

			color:#FFFFFF;

		}

		

/* general drop */

/* ------------------------------------------------------------------------------------------------ */





/* ------------------------------------------------------------------------------------------------ */

/* story drop */

#menu-wrapper #header-menu ul ul.story{

	margin:0px 0 0 0;

	padding:5px 0 0px 0px;

	background-color:#003366;

	width:110px;

}

#menu-wrapper #header-menu li.story{

	border:green 0px solid;

	background:#003366 url(img/menu/menu-top-level-bg.gif) no-repeat top left;

}

	#menu-wrapper #header-menu li.story.gap{

		margin:0 273px 0 0%;

	}	

	#menu-wrapper #header-menu li.story a, 

	#menu-wrapper #header-menu li.story a:visited{

		border:red 0px solid;

		color:#FFFFFF;

		padding:4px 0px 4px 9%;

		margin:0;

		width:91%;

	}

/* story drop sub level */		

#menu-wrapper #header-menu li.storysub{

	border:green 0px solid;

	margin:0px;

	padding:0px;

	width:225px;

}	

	#menu-wrapper #header-menu li.storysub p{

		border:green 0px solid;

		margin:0 0 0 0px;

		padding:7px 7% 7px 5%;

		background:#003366;

		color:#FFFFFF;

		width:88%;

	}		

	#menu-wrapper #header-menu li.storysub a, 

	#menu-wrapper #header-menu li.storysub a:hover,

	#menu-wrapper #header-menu li.storysub a:visited{

		margin:0 0 0 -0px;

		padding:7px 7% 7px 5%;

		background:#003366;

		/*background:#003366 url(img/arrow-blue.gif) no-repeat 10px center;*/

		width:88%;

	}	

		#menu-wrapper #header-menu ul ul li.storysub a:hover{

			background:#000000;

			color:#FFFFFF;	

		}

		#menu-wrapper #header-menu ul ul li.storysub a.nolink,

		#menu-wrapper #header-menu ul ul li.storysub a.nolink:hover{

			border:green 0px solid;

			margin:0 0 0 0px;

			padding:7px 7% 7px 5%;

			background:#003366;

			color:#FFFFFF;

			width:88%;

			line-height:16px;

		}		

/* story drop SELECTED sub level */		

#menu-wrapper #header-menu li.storysubsel{

	border:green 0px solid;

	margin:0px;

	padding:0px;

	width:225px;

}	

	#menu-wrapper #header-menu li.storysubsel p{

		border:green 0px solid;

		margin:0 0 0 0px;

		padding:7px 7% 7px 5%;

		background:#003366;

		color:#FFFFFF;

		width:88%;

	}

	#menu-wrapper #header-menu li.storysubsel a, 

	#menu-wrapper #header-menu li.storysubsel a:hover,

	#menu-wrapper #header-menu li.storysubsel a:visited{

			margin:0 0 0 -0px;

			padding:7px 7% 7px 5%;

			background:#000000;

			/*background:#003366 url(img/arrow-blue.gif) no-repeat 10px center;*/

			width:88%;

	}	

		#menu-wrapper #header-menu ul ul li.storysubsel a:hover{

			background:#000000;

			color:#FFFFFF;

		}

		

/* story drop */

/* ------------------------------------------------------------------------------------------------ */





/* ------------------------------------------------------------------------------------------------ */

/* cheese drop */

#menu-wrapper #header-menu ul ul.cheese{

	padding:0px 0 0px 0px;

}

#menu-wrapper #header-menu li.cheese{

	border:green 0px solid;

}	

	#menu-wrapper #header-menu li.cheese a, 

	#menu-wrapper #header-menu li.cheese a:visited{

		border:red 0px solid;

		color:#FFFFFF;

		padding:4px 0px 4px 9%;

		margin:0;

		width:91%;

	}

/* cheese drop sub level */		

#menu-wrapper #header-menu li.cheesesub a, 

#menu-wrapper #header-menu li.cheesesub a:hover,

#menu-wrapper #header-menu li.cheesesub a:visited{

	width:110px;

	margin:0 0 0 -0px;

	padding:7px 0px 7px 0px;

	background:#003366 url(img/arrow-blue.gif) no-repeat 10px center;

}	

	#menu-wrapper #header-menu ul ul li.cheesesub a:hover{

		background:#003366 url(img/arrow-gold.gif) no-repeat 10px center;	

	}

/* cheese drop SELECTED sub level */		

#menu-wrapper #header-menu li.cheesesubsel a, 

#menu-wrapper #header-menu li.cheesesubsel a:hover,

#menu-wrapper #header-menu li.cheesesubsel a:visited{

	width:110px;

	margin:0 0 0 -0px;

	padding:7px 0px 7px 30px;

	background:#003366 url(img/arrow-gold.gif) no-repeat 10px center;

}	

	#menu-wrapper #header-menu ul ul li.cheesesubsel a:hover{

		background:#003366 url(img/arrow-gold.gif) no-repeat 10px center;	

	}

		

/* cheese drop */

/* ------------------------------------------------------------------------------------------------ */





/* ------------------------------------------------------------------------------------------------ */

/* product drop */

#menu-wrapper #header-menu ul ul.product{

	padding:0px 0 0px 0px;

}

#menu-wrapper #header-menu li.product{

	border:green 0px solid;

	margin:0 273px 0 0%;

}	

	#menu-wrapper #header-menu li.product a, 

	#menu-wrapper #header-menu li.product a:visited{

		border:red 0px solid;

		color:#FFFFFF;

		padding:4px 0px 4px 9%;

		margin:0;

		width:91%;

	}

/* product drop sub level */		

#menu-wrapper #header-menu li.productsub a, 

#menu-wrapper #header-menu li.productsub a:hover,

#menu-wrapper #header-menu li.productsub a:visited{

	width:110px;

	margin:0 0 0 -0px;

	padding:7px 0px 7px 0px;

	background:#003366 url(img/arrow-blue.gif) no-repeat 10px center;

}	

	#menu-wrapper #header-menu ul ul li.productsub a:hover{

		background:#003366 url(img/arrow-gold.gif) no-repeat 10px center;	

	}

/* product drop SELECTED sub level */		

#menu-wrapper #header-menu li.productsubsel a, 

#menu-wrapper #header-menu li.productsubsel a:hover,

#menu-wrapper #header-menu li.productsubsel a:visited{

	width:110px;

	margin:0 0 0 -0px;

	padding:7px 0px 7px 30px;

	background:#003366 url(img/arrow-gold.gif) no-repeat 10px center;

}	

	#menu-wrapper #header-menu ul ul li.productsubsel a:hover{

		background:#003366 url(img/arrow-gold.gif) no-repeat 10px center;	

	}

		

/* product drop */

/* ------------------------------------------------------------------------------------------------ */





/* ------------------------------------------------------------------------------------------------ */

/* delivering drop */

#menu-wrapper #header-menu ul ul.delivering{

	padding:0px 0 0px 0px;

}

#menu-wrapper #header-menu li.delivering{

	border:green 0px solid;

}	

	#menu-wrapper #header-menu li.delivering a, 

	#menu-wrapper #header-menu li.delivering a:visited{

		border:red 0px solid;

		color:#FFFFFF;

		padding:4px 0px 4px 9%;

		margin:0;

		width:91%;

	}

/* delivering drop sub level */		

#menu-wrapper #header-menu li.deliveringsub a, 

#menu-wrapper #header-menu li.deliveringsub a:hover,

#menu-wrapper #header-menu li.deliveringsub a:visited{

	width:110px;

	margin:0 0 0 -0px;

	padding:7px 0px 7px 0px;

	background:#003366 url(img/arrow-blue.gif) no-repeat 10px center;

}	

	#menu-wrapper #header-menu ul ul li.deliveringsub a:hover{

		background:#003366 url(img/arrow-gold.gif) no-repeat 10px center;	

	}

/* delivering drop SELECTED sub level */		

#menu-wrapper #header-menu li.deliveringsubsel a, 

#menu-wrapper #header-menu li.deliveringsubsel a:hover,

#menu-wrapper #header-menu li.deliveringsubsel a:visited{

	width:110px;

	margin:0 0 0 -0px;

	padding:7px 0px 7px 30px;

	background:#003366 url(img/arrow-gold.gif) no-repeat 10px center;

}	

	#menu-wrapper #header-menu ul ul li.deliveringsubsel a:hover{

		background:#003366 url(img/arrow-gold.gif) no-repeat 10px center;	

	}

		

/* delivering drop */

/* ------------------------------------------------------------------------------------------------ */





/* ------------------------------------------------------------------------------------------------ */

/* export drop */

#menu-wrapper #header-menu ul ul.export{

	padding:0px 0 0px 0px;

}

#menu-wrapper #header-menu li.export{

	border:green 0px solid;

}	

	#menu-wrapper #header-menu li.export a, 

	#menu-wrapper #header-menu li.export a:visited{

		border:red 0px solid;

		color:#FFFFFF;

		padding:4px 0px 4px 9%;

		margin:0;

		width:91%;

	}

/* export drop sub level */		

#menu-wrapper #header-menu li.exportsub a, 

#menu-wrapper #header-menu li.exportsub a:hover,

#menu-wrapper #header-menu li.exportsub a:visited{

	width:110px;

	margin:0 0 0 -0px;

	padding:7px 0px 7px 0px;

	background:#003366 url(img/arrow-blue.gif) no-repeat 10px center;

}	

	#menu-wrapper #header-menu ul ul li.exportsub a:hover{

		background:#003366 url(img/arrow-gold.gif) no-repeat 10px center;	

	}

/* export drop SELECTED sub level */		

#menu-wrapper #header-menu li.exportsubsel a, 

#menu-wrapper #header-menu li.exportsubsel a:hover,

#menu-wrapper #header-menu li.exportsubsel a:visited{

	width:110px;

	margin:0 0 0 -0px;

	padding:7px 0px 7px 30px;

	background:#003366 url(img/arrow-gold.gif) no-repeat 10px center;

}	

	#menu-wrapper #header-menu ul ul li.exportsubsel a:hover{

		background:#003366 url(img/arrow-gold.gif) no-repeat 10px center;	

	}

		

/* export drop */

/* ------------------------------------------------------------------------------------------------ */





/* ------------------------------------------------------------------------------------------------ */

/* news drop */

#menu-wrapper #header-menu ul ul.news{

	padding:0px 0 0px 0px;

}

#menu-wrapper #header-menu li.news{

	border:green 0px solid;

	margin:0 0px 0 0%;

}	

	#menu-wrapper #header-menu li.news a, 

	#menu-wrapper #header-menu li.news a:visited{

		border:red 0px solid;

		color:#FFFFFF;

		padding:4px 0px 4px 9%;

		margin:0;

		width:91%;

	}

/* news drop sub level */		

#menu-wrapper #header-menu li.newssub a, 

#menu-wrapper #header-menu li.newssub a:hover,

#menu-wrapper #header-menu li.newssub a:visited{

	width:110px;

	margin:0 0 0 -0px;

	padding:7px 0px 7px 0px;

	background:#003366 url(img/arrow-blue.gif) no-repeat 10px center;

}	

	#menu-wrapper #header-menu ul ul li.newssub a:hover{

		background:#003366 url(img/arrow-gold.gif) no-repeat 10px center;	

	}

/* news drop SELECTED sub level */		

#menu-wrapper #header-menu li.newssubsel a, 

#menu-wrapper #header-menu li.newssubsel a:hover,

#menu-wrapper #header-menu li.newssubsel a:visited{

	width:110px;

	margin:0 0 0 -0px;

	padding:7px 0px 7px 30px;

	background:#003366 url(img/arrow-gold.gif) no-repeat 10px center;

}	

	#menu-wrapper #header-menu ul ul li.newssubsel a:hover{

		background:#003366 url(img/arrow-gold.gif) no-repeat 10px center;	

	}

		

/* news drop */

/* ------------------------------------------------------------------------------------------------ */











/* drop list elements - first sub */

#menu-wrapper #header-menu ul ul li{
	border:orange 0px solid;
	border-left:#766fac 0px solid;
	border-right:#766fac 0px solid;
	margin:0 0px 0 0px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	position:relative;
	background-color:#FFFFFF;

}

	#menu-wrapper #header-menu ul ul li a.selected{

		color:#ffffff;

	}	

#menu-wrapper #header-menu ul ul li.first{

	border-top:#766fac 0px solid;

	padding:0px 0% 0px 0%;

	text-align:right;

}

#menu-wrapper #header-menu ul ul li.last{

	border-bottom:#766fac 0px solid;

	padding:0 0% 0px 0%;

	text-align:right;

}



/* style the links for the top level */

#menu-wrapper #header-menu a, 

#menu-wrapper #header-menu a:visited {

	display:block;text-decoration:none; color:#ffffff;border:0px solid #ffffff; border-width:0px 0 0px 0px; 

	background:none; /* ie6 dont like background:#ff0000 it dont show the drops! */

	padding:4px 0px 4px 0em;

	/*padding:5px 0px 5px 5.5em;*/

}



/* style the second level background */

#menu-wrapper #header-menu ul ul a.drop, #menu-wrapper #header-menu ul ul a.drop:visited{

	background:none;

	border-color:#332985;

}

/* style the second level hover */

#menu-wrapper #header-menu ul ul a.drop:hover{

	border:green 0px solid;

	background:transparent url(img/drop.gif) bottom right no-repeat;

	border-color:#332985;

}

#menu-wrapper #header-menu ul ul :hover > a.drop {

	border:red 0px solid;

	background:transparent url(img/drop.gif) bottom right no-repeat;

	border-color:#332985;

}

/* style the third level background */

#menu-wrapper #header-menu ul ul ul a, #menu-wrapper #header-menu ul ul ul a:visited {

	background:none;

	border-color:#332985;

}

/* style the third level hover */

#menu-wrapper #header-menu ul ul ul a:hover {

	background:none;

	border-color:#332985;

}





/* hide the sub levels and give them a positon absolute so that they take up no room */

#menu-wrapper #header-menu ul ul{

	border:#766fac 0px solid;

	clear:both;

	float:left;

	margin:1px auto 0 auto;

	padding:0 0 0 0;

	visibility:hidden;

	position:absolute;

	height:0;

	top:1.8em;

	left:0;

	width:140px;

}



/* position the third level flyout menu */

#menu-wrapper #header-menu ul ul ul{left:172px; top:-1px;border-top:0px solid #ffffff;z-index:102;}



/* position the third level flyout menu for a left flyout */

#menu-wrapper #header-menu ul ul ul.left {left:-172px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

#menu-wrapper #header-menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links 

- control width of first sub-drops */

#menu-wrapper #header-menu ul ul a, 

#menu-wrapper #header-menu ul ul a:visited{
	color:#ffffff;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	border-width:0 0px 0 0px;
	border-color:#332985;
	width:120px;
	background:#ffffff;
	/*background:#ff0000 url(img/arrow-white.gif) no-repeat center right;*/

	text-align:left;
	font-family:Arial, Helvetica, sans-serif;

}

/* BLUE drop item */

#menu-wrapper #header-menu ul ul a.blue, 

#menu-wrapper #header-menu ul ul a.blue:visited {

	background:#525d8b;

}

/* keep hover image gold for padding at top/bottom of first/last elements */

#menu-wrapper #header-menu ul ul :hover > a.gold {

	color:#ffffff;

	background:#ffffff;

	border-width:0 0px 0 0px;

	border-color:#525d8b;

	background:#ffffff url(img/arrow-gold.gif) no-repeat 10px center;

}



/* style the top level hover */

#menu-wrapper #header-menu a:hover{

	color:#ffffff; 

	background:none;

	border-color:#332985;

}

#menu-wrapper #header-menu :hover > a{

	color:#ffffff;

	background:transparent url(img/menu-roll-3.gif) top left repeat-x;

	border-width:0 0px 0 0px;

	border-color:#9c9c9c;

	padding:5px 0px 5px 0em;

	/*padding:5px 0px 5px 5.5em;*/

}



/* style the second level hover */

#menu-wrapper #header-menu ul ul a:hover{

	color:#ffffff; 

	background:#666666;

	border-width:0 0px 0 0px;

	border-color:#666666;

}

#menu-wrapper #header-menu ul ul :hover > a{

	color:#ffffff;

	background:#ffffff;

	border-width:0 0px 0 0px;

	border-color:#332985

	/*background:#666666 url(img/arrow-white.gif) no-repeat center right;*/

} 

/* hover sub */



/* make the second level visible when hover on first level list OR link */

#menu-wrapper #header-menu ul li:hover ul,

#menu-wrapper #header-menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */

#menu-wrapper #header-menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

#menu-wrapper #header-menu ul :hover ul :hover ul{ visibility:visible;}

