/* ----------------------- */
/* <ul> menubar            */
/*      <li> <a>           */
/*      <div> <a> <a> <a>  */
/* ----------------------- */
#pbMenuBar {
	position: relative;
	left : 37px;
	height: 55px;
	width: 796px;
	z-index: 2;
	visibility: visible;}
	
#pbMenuBar p {
	margin-bottom: 4px;
	margin-top: 8px;
	font-size: 80%;
	color: #666;
	font-stretch: wider;}

.menubar {
	margin: 0;
	padding: 0;}

.menubar li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 11px Arial;}

.menubar li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
    text-align: center;
	text-decoration: none;
	padding-left: 10px;
	font-stretch: wider;
	padding-right: 10px;
	font-size: 13px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 20px;
	margin-bottom: 11px;
	margin-left: -1px;
	border: 1px solid #999999;}

.menubar li a:hover {
	background-color: #FFDE00;
	color: #000;}

.menubar div {	
	position: absolute;
    visibility: hidden;
	margin: 0;
    margin-top: 11px;
	padding: 0;
	color: #0B0C11;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  	background-color: #ccc;}

.menubar div a {
    position: relative;
    margin: 0;
    text-align: left;
 	text-decoration: none;
    color: #000;
    font-weight: normal;
    display: block;
    width: auto;
    height: 16px;
    padding-left: 5px;
    background-color: #E5E5E5;
    border-bottom:1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;}

.menubar div a:hover {
    font-style: normal;
    color: #000000;
    background-color: #FFDE01;}