/* common styling */
/* set up the overall width of the menu div, the font and the margins */

.menu-items ul {
	color									: #ffffff;	
	list-style						: none;
}

.menu-items ul li a {
	float									: left;
	font-family						: Verdana;
	font-size							: 9pt;
	color									: #ffffff;
	margin-right					: 30px;
	margin-left						: 30px;
	padding-left					: 8px;
	text-decoration				: none;
}

.menu {
	background-color			: #58585a;
	width									: 988px;
	height								: 60px;
	line-height						: 60px;
}

/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
	
	list-style-type				: none;
	margin								: 0;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
  background-image			: url('images/break-menu.png');
  background-repeat			: no-repeat;	
  background-position		: right center;
	float									: left; 
	position							: relative;
	z-index								: 100;
	margin-left						: -15px;
}

.menu ul li.last {
  background-image			: none;
	float									: left; 
	position							: relative;
}

/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
	display								: block; 
	text-align						: center; 
	text-decoration				: none; 
	height								: 60px; 
	color									: #ffffff; 
	line-height						: 60px; 
	font-size							: 10pt;
	font-weight						: normal;
	z-index								: 1;
	position							: relative;
}

.menu ul li a:hover {
	display								: block; 
	text-align						: center; 
	text-decoration				: none; 
	height								: 60px; 
	color									: #fed62f; 
	line-height						: 60px; 
	font-size							: 10pt;
	font-weight						: normal;
	z-index								: 1;
	position							: relative;	
}

.menu ul li a.active {
	display								: block; 
	text-align						: center; 
	text-decoration				: none; 
	height								: 60px; 
	color									: #fed62f; 
	line-height						: 60px; 
	font-size							: 10pt;
	font-weight						: normal;
	z-index								: 1;
	position							: relative;	
}
/* make the dropdown ul invisible */
.menu ul li ul {
	display								: none;
	z-index								: 1;
	position							: relative;	
	width									: 186px;
	margin-left						: 45px;
	padding								: 0;
}

.menu ul li ul li {
  background-image			: url('images/bg-submenu.png');
  background-repeat			: no-repeat;
	height								: 25px;
	width									: 186px;
	line-height						: 25px;
	margin-left						: 5px;
	margin-right					: 5px;
	font-size							: 8.5pt;
}

.menu ul li ul li.last { 
  background-image			: url('images/bottom-submenu.png');
  background-repeat			: no-repeat;
  background-position		: left bottom;
  height								: 35px;
}

.menu ul li ul li a {
	height								: 25px;
	line-height						: 25px;
	font-size							: 8.5pt;
	text-align						: left;
}

.menu ul li ul li a:hover {
	height								: 25px;
	line-height						: 25px;
	font-size							: 8.5pt;	
	text-align						: left;	
}

.menu ul li ul li a:visited {
	height								: 25px;
	line-height						: 25px;
	font-size							: 8.5pt;
	text-align						: left;	
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
	color									: #fed62f; 
}

/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display									: block; 
position								: absolute; 
top											: 60px; 
left										: 0; 
/* width								: 105px; */
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
	display								: block; 
	height								: 25px;
	color									: #ffffff; 
}	
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
	display								: block; 
	height								: 25px;	
	color									: #fed62f; 
}