/* The backgrounds have to be on the LI (not on A)
 * so that they stay on when you go over the submenus. */

/* Bgnd blue: #0092ab;	selected Cyan: #00ab9c; */

ul#primary-nav,
ul#primary-nav ul {
	margin: 0;
	padding: 0;
	background: transparent; /* IE6 Bug */
	font-size: 100%;
}
	
ul#primary-nav {
/*	float: left; */
	width: 738px;
}

ul#primary-nav ul {
	border-top: 1px solid white;
}
	
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: 110px; /* Width of Menu Items - (submenus overridden later) */
	line-height: 1em; /* Override stylesheet - otherwise Mozilla rounding bug gaps between LIs */
	margin: 0;
}


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: 4px 6px;
	color: white;
	font-weight: bold;
	font-size: 8pt;
}

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

ul#primary-nav li a:hover {
	color: white; 
}

ul#primary-nav li.wide_mainmenu {
	width: 140px; /* Width of Menu Items - (submenus overridden later) */
}

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


/*** ALL SUBMENUS *****************************************/

ul#primary-nav li.menuparent li a,
ul#primary-nav li.menuparent li li a {
	display: block;
	text-decoration: none;
	padding: 4px 5px;
	color: white;
	font-weight: normal;
	text-align: left;
	border-top: 1px solid #0092ab;
	border-bottom: 1px solid #0092ab;
}

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

ul#primary-nav li li {
	width: 110px; /* Width of Menu Items */
}

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

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

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

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: #0092ab;
	}

/*** Step2: Change the toplevel LI tag on mouseover  */
	ul#primary-nav li:hover, ul#primary-nav li.over {
		background-color: #00ab9c;
/*		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: #00ab9c;
/*		background: white url(images/bg-dropdown-lit.jpg) top left repeat-x; */
		border: none;
	}


/* The backgrounds have to be on the LI (not on A)
 * so that they stay on when you go over the submenus. */