/* Page Menu Bar hack */

/* css fix, after replacing rMenu with table in functions/bfa_header_config.php */
ul#rmenu2 {
border: 0;
}

ul#rmenu2 li a {
white-space: nowrap; /* IE may wrap the link text of a first level item */
}

ul#rmenu2 li ul li a {
white-space: normal; /* reset nowrap for sub levels. They should wrap if required */
}

ul.rMenu-ver {
text-align: left; /* because the parent container, the table's TD has align="center" */
}

div#menu1 {
border: dashed 1px #ccc;
}


/* add background
   - using wood texture, 
   - rounded upper edges
*/

div#menu1 {
	background-color:#1e2428;		/* can only be seen if wood-texture.jpg are not loaded (yet). */
	background-image: url('/images/wood-texture_round.png');
	border: none;			/* remove default 1px dashed white border */
	background-repeat:no-repeat;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	-khtml-border-radius-topleft:9px;
	-khtml-border-radius-topright:9px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	border-radius: 9px;
}

/* each menu are transparent, so we can see the wood texture under it */
ul.rMenu {
	background: transparent;	/* overide the menu bar background color #FF0000 */
  border: none;		
	-moz-border-radius: 9px;
	-khtml-border-radius:9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	}
	
ul.rMenu li
	{
	padding-left:0.45em;
	padding-right:0.45em;
	background-color: transparent; /* overide the menu items background color #FF0000 */
	-moz-border-radius: 9px;
	-khtml-border-radius:9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	}

ul.rMenu li.current_page_item>a:link, 
ul.rMenu li.current_page_item>a:active, 
ul.rMenu li.current_page_item>a:visited {
        border: solid 1px white;
	background-color: transparent;	/* override #FFFF00, hover != active */
	color: Black;
}

ul.rMenu li.current_page_item>a:hover,
ul.rMenu li a:hover
	{
        border: solid 1px white;
	background: Black;	/* override #FFFF00, hover != active */
	color: SkyBlue;
	}

ul.rMenu li:hover,
ul.rMenu li.sfhover		/* ???: don't know what this class is for */
	{
	background-color: transparent; /* hover over menu item, but not over the link itself, override #BB00FF; */
	}


/* also wood texture for sub menus, with solid border,
   rounded border is inherited from #rmenu
 */
ul.rMenu-ver {
	background: transparent;	/* overide the expanded submenus background color #FF0000 */
  border: none;
	}
 
ul.rMenu-ver li {			/* on sub menus container */
  border: solid 2px lightseagreen;
	background-image: url('/images/wood-texture.jpg');
	background-repeat:no-repeat;
	}
ul.rMenu-ver li:hover {			/* hover on sub menus container */
	background:none;		/* remove wood texture on hover */
	background-color: black;
	border: solid 2px white;
	}
/*
ul.rMenu-ver li.hover {
	background:none;
	background-color: pink;
	}
	*/

ul.rMenu-ver li a:hover {		/* hover over submenu item link */
        border: solid 1px black;
	background-color:black;
	}	

ul.rMenu-ver li.current_page_item>a:link, 
ul.rMenu-ver li.current_page_item>a:active, 
ul.rMenu-ver li.current_page_item>a:visited {
        border: none;
	background-color: transparent;
	color: Black;
}

ul.rMenu-ver li.current_page_item>a:hover {
        border: none;
	background-color: transparent;
	color: SkyBlue;
}

ul.rMenu-ver li.current_page_item {			/* hover on sub menus container */
	border: 3px solid white;
	}