/* The backgrounds have to be on the LI (not on A)
 * so that they stay on when you go over the submenus. */
/* Ochre: #DEB306;	Dark blue: #25446C; */
ul#primary-nav,
ul#primary-nav ul {
	margin: 0;
	padding: 0;
	background: transparent; /* IE6 Bug */
}
	
ul#primary-nav {
	position: relative;
/*	float: left; */
}

ul#primary-nav ul {
	border-top: 1px solid white;
	top: 50px;
}
ul#primary-nav ul {
	position: relative;

}	
ul#primary-nav:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

ul#primary-nav li {
	position: relative;
	list-style: none;
	float: left;
	width: 13%; /* Width of Menu Items - (submenus overridden later) */
	height: 50px;
	line-height: 1em; /* Override stylesheet - otherwise Mozilla rounding bug gaps between LIs */
	margin: 0;
	background-color: #0a3443;
}

ul#primary-nav li {
/*	border-right: 1px solid white; */
}

ul#primary-nav li li {
	border: none;
}

/*** ALL LINKS ******************************/
ul#primary-nav li a,
ul#primary-nav li li a {
	display: block;
	text-decoration: none;
	padding: 20px 6px 6px 6px;
	color: white;
	font-weight: bold;
	font-size: 13px;
}

/*** MAIN MENU *******************************************/
ul#primary-nav li a {
	text-align: center;
}

ul#primary-nav li a:hover {
}

ul#primary-nav li.menuparent A {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 6px;
}

/*** ALL SUBMENUS *****************************************/
ul#primary-nav li.menuparent li a,
ul#primary-nav li.menuparent li li a {
	display: block;
	text-decoration: none;
	padding: 8px 5px;
	color: white;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
}

/*** SUBMENU ***********************************************/

ul#primary-nav li ul li {
	position: relative;
	width: 110px; /* Width of Menu Items */
	padding-left: 0;
	padding-right: 0;
	height: auto;
}

/* WIDE SUBMENUs */
ul#primary-nav li ul.wide_submenu li {
	width: 150px; /* Width of Menu Items */
	padding-left: 0;
	padding-right: 0;
	font-weight: bold;
}

ul#primary-nav li ul.divided li {
	width: 140px; /* Width of Menu Items */
	padding-left: 10px; /* extra padding */
	background: #c08429 url(/images/bullet-pale-3x3.gif) 8px 0.9em  no-repeat;
}

ul#primary-nav li ul.divided li.divider {
	width: 150px; /* Width of Menu Items */
	padding-left: 0;
/*	background-color:  #e3b80c;*/
}
ul#primary-nav li LI.divider H2{
	display: block;
	margin: 0;
	padding: 15px 2px 4px 4px;
	background: url(/images/bg-menu-div.gif) top left repeat-x;
	text-transform: uppercase;
	text-decoration: none;
	color: #f9ecd9; /*white;*/
	font-weight: bold;
	font-size: 14px;
}

/*** 2nd LEVEL SUBMENU **************************************/

ul#primary-nav ul ul {
	left: 85px;  /* Same as width of 1stlevel submenus */
	top: -2px;
}

ul#primary-nav li li li {
}

/*** GENERAL **************************************************/

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	padding:0;
	margin:0;
}
	
ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */

ul#primary-nav li li a:hover { 
	color: white;
	border-color: white; /* Same as block color. 'None' would shift text */
}

/*** Step1: give all submenu LIs the background. (Arrow added later on As) */
	ul#primary-nav li li {
		background-color: #c08429;
	}

/*** Step2: Change the toplevel LI tag on mouseover  */
	ul#primary-nav li:hover, ul#primary-nav li.over {
		background-color: #c08429;
/*		border-right: 1px solid white; */
	}

/*** Step3: Change the LI tag on mouseover */
	ul#primary-nav li li:hover, ul#primary-nav li li.over {
		background-color: #e3b80c; 
	}

	ul#primary-nav li ul.divided li:hover, ul#primary-nav li ul.divided li.over {
		background: #e3b80c url(/images/bullet-pale-3x3.gif) 8px 0.9em  no-repeat;
	}

	ul#primary-nav li ul.divided li.divider:hover, ul#primary-nav li ul.divided li.divider.over {
		background-color: #c08429;
		background-image: none;
	}
/* The backgrounds have to be on the LI (not on A)
 * so that they stay on when you go over the submenus. */