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

/* Ochre: #cd951e;	Dark blue: #7b4938; */
/* Reddish: #7a4a38 was #7b5639; */

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

ul#primary-nav ul {
}
	
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: 100px; /* 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 {
}

ul#primary-nav li li {
}

/*** ALL LINKS ******************************/
ul#primary-nav li a,
ul#primary-nav li li a {
	display: block;
	text-decoration: none;
	padding: 6px 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: black; 
}

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: 5px;
}
*/

/*** 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: black;
	font-weight: normal;
	text-align: left;
}

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

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

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

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

ul#primary-nav ul ul {
	left: 100px;  /* 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;
}


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

/*** Step2: Change the toplevel LI tag on mouseover  */
ul#primary-nav li:hover, ul#primary-nav li.over {
	background: #ac9053 url(images/menu-main-lit.gif) top left repeat-x;
}

/*** Step3: Change the LI tag on mouseover */
ul#primary-nav li li:hover, ul#primary-nav li li.over {
	background: #bc5c14;
/*		background: white url(images/bg-dropdown-lit.jpg) top left repeat-x; */
}


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