/* #6B7A85; /* gray */
/* #F5CD41; /* gold */
/* #662D91; /* purple */
/* #0A1117; /* charcoal */

@media screen, projection {
#menubar {
	font-size: 85%;
	font-family: Times, "Times New Roman", serif;
}

/* all links */
#menubar a {
	display: block;
	position: relative;
}
#menubar a img {
	border-width: 0;
	vertical-align: middle;
}

/* all lists */
#menubar ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
}
/* nested lists */
#menubar ul ul {
	display: none; /* initially hide */
	position: absolute;
	left: -10000px;
}

/* all list items */
#menubar li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	position: relative;
	z-index: 1;
}
#menubar li:hover {
	z-index: 999; /* always on top */
}
#menubar li:hover > ul/* hide this from IE5 */ {
	display: block;  /* show the sub-menu */
}


/* top level menu styling */
#menubar ul {
	width: 191px; /* image width */
	margin-top: 5px;
	margin-left: 8px;
}
#menubar li {
	margin: 0 0 4px 0;
	width: 100%;
}
#menubar li a {
	background: #fff url(images/navbar_background.png) left center no-repeat;
	color: #000;
	padding: 4px 0 4px 10px;
	text-decoration: none;
}
#menubar li:hover > a,
#menubar li a:hover,
#menubar li a:focus,
#menubar li a:active {
	background-color: #F5CD41; /* gold */
	background-position: right center; /* reposition bg */
	color: #000;
}

/* submenu styling */
#menubar ul ul {
	width: 13em;
	left: 178px;
/*	right: auto;*/
	top: -7px;
	background: #F5CD41; /* gold */
	color: #000;
	border: 2px solid #6B7A85; /* gray */
	border-top-width: 1px;
	line-height: normal;
	margin-left: 0;
}

#menubar li li {
	width: 100%;
	margin: 0;
	line-height: normal;
}
#menubar li li a {
	padding: 5px;	/* help readability/usability */
	background-image: none; /* must be specific for some browsers */
	background-color: #F5CD41; /* gold */
	color: #000;
	border-top: 1px solid #6B7A85; /* gray */
}
#menubar li li a:hover, 
#menubar li li a:focus, 
#menubar li li a:active {
	background: #fff;
	color: #000;
}




/* for IE7, prevents excess spacing between list items */
*:first-child+html #menubar ul > li/* hide from IE5 */ {
	width: 100%;
	float: left;
	clear: left;
}

/* IE 5-6 hacks */
* html #menubar li {
	width: 100%;
	float: left;
	clear: left;
}
/* the sfhover class is assigned via javascript */
* html #menubar li.sfhover ul {
	display: block;
}
* html #menubar li.sfhover {
	z-index: 999; /* always on top */
}
* html #menubar li.sfhover ul/* hide this from IE5 */ {
	display: block;  /* show the sub-menu */
}
* html #menubar li.sfhover a:link,
* html #menubar li.sfhover a:visited {
	background-position: right center; /* reposition bg */
}

/* this is the IFRAME that's placed behind dropdown menus so that form elements don't show through the menus. they are not set programatically via javascript because doing so generates some lag in the display of the dropdown menu. */
* html #menubar iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}


}