/* ------------------------ Start Navigation Bar -----------------*/
.nav-bar {
	color:							#f3bf30;
	font-weight:				bold;
	margin:							8px 0px 0px 6px;
	background-image:		url(/media/images/nav-bar.gif);
	background-repeat:	no-repeat;
	height:							42px;
	padding:						5px 0px 0px 10px;
	position:						relative;
	z-index:						100;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.nav-bar ul {
	list-style-type:		none;
}
/* 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 */
.nav-bar ul li {
 	float:							left;
 	margin:							0 10px;
	height:							20px;
	float:							left;
}
/* 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. */
.nav-bar ul li a, .nav-bar ul li a:visited {
	display:						block;
	text-align:					center;
	text-decoration:		none;
}
/* make the dropdown ul invisible */
.nav-bar ul li ul {
	background-image:		url(/media/images/menu.png);
	position:						absolute;
	left:								0px;
	top:								26px;
	width:							764px;
	list-style-type:		none;
	border-top:					1px solid #FFFFFF;
	padding-top:				5px;
	padding-left:				6px;
}

.current ul {
	display: 						block;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.nav-bar ul li:hover a {
	color:							#ffffff;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.nav-bar ul li:hover ul {
	display:						block;
}
/* style the background and foreground color of the submenu links */
.nav-bar ul li:hover ul li a {
	display:						block;
	color:							#000000;
}
/* style the background and forground colors of the links on hover */
.nav-bar ul li:hover ul li a:hover {
	color:							#000000;
}