#bcsMenuHolder {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position:absolute;
	top:120px;
	left:15px;
	/* height:100px; */
	/* leaving out background color defaults to transparent
	background-color:#00CCFF;
	*/
	z-index: 500;
}



/* -------------------- MAIN MENU LEVEL ----------------------------------------------------------------------*/
#nav {
	float: left;
	list-style: none;
	/* leaving out background color defaults to transparent
	background: orange;
	*/
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#nav ul {
	float: left;
	list-style: none;
	background: #008203; /* MUST be same as second to last style (#nav li:hover, #nav li.sfhover),to match top (MAIN) tab and dropdown background color */
	font-weight: bold;
	padding: 0;
	
	border-top: 0px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 0px;
	
}

#nav li {
	float: left;
	line-height:inherit;
	
/* this is where you can define the borders of the MAIN MENU */
	/*
	border-top: 1px solid #ffffff;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #ffffff;
	*/
}

#nav a {
	display: block;
	text-decoration: none;
	padding: 5px 15px;
	color:#ffffff; /* MAIN MENU font color */
}



/* -------------------- SUBMENU LEVEL ----------------------------------------------------------------------*/
#nav ul a {
	display: block;
/*
	MUST MUST MUST force the width of the "a" tag so that entire width will be clickable in IE 6 
	otherwise only the actual text is clickable,  ALSO ALSO ALSO  width must be the total width in
	the style below (in the "li ul" style) minus any left and right padding in this style
	
	also minus any border widths in "#nav li li"
	
	so for example...
	li ul - width is 160
	minus 15 on each side, 30 total, for the padding below in this style
	now we're at 130...
	
	then subtract 2 more pixels for the left and right borders in the "#nav li li" style
	
	then it will work perfectly
*/
	width: 130px;
	width: inherit;
	text-decoration: none;
	padding: 5px 15px;
	color:#00FF00;
}

#nav li ul {
	position: absolute;
	left: -999px;
	height: auto;
	width: 160px;
	font-weight: normal;
	margin: 0;
}

#nav li li {
	float: left;
	width: inherit;
	/*
	border-top: 1px solid #cccccc;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #999999;
	*/
}

/* for having a different width than others ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#nav ul.three {
	position: absolute;
	left: -999px;
	height: auto;
	width: 180px;
	font-weight: normal;
	margin: 0;
}
#nav ul.three a {
	display: block;
	width: 150px; /* should be 30 less than overall width (above) */
	text-decoration: none;
	padding: 5px 15px;
	color:#00FF00;
}

#nav ul.two {
	position: absolute;
	left: -999px;
	height: auto;
	width: 180px;
	font-weight: normal;
	margin: 0;
}
#nav ul.two a {
	display: block;
	width: 150px; /* should be 30 less than overall width (above) */
	text-decoration: none;
	padding: 5px 15px;
	color:#00FF00;
}






#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background-color: #008203;
}

#nav ul li:hover, #nav ul li.sfhover {
	background: #269529;
}

#nav ul li:hover a, #nav ul li.sfhover a { /* sub menu hover font color */
	color: #FFFF99;
}

/* if you set a color in the style below it will change the MAIN MENU font color...
	HOWEVER !!!!!!!!!
		1. it will  over-ride the default color of the submenu
		2. it won't over-ride the hover color of the submenu
	so you have to decide if you want to change the MAIN MENU color on hover, and if so
	it will also change the default submenu font color to the same
*/
#nav li:hover a, #nav li.sfhover a {
	color: #FFFFFF;
}

/*
#nav ul li a {
	color:#00ff00;
}

#nav ul li:hover a {
	background: yellow;
	color:#FF3399;
}
*/


/* selected style +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#nav li .urh {
	list-style: none;
	background-image: url(/t2f_img/meunURH_MAIN_arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#nav li .urh:hover, #nav li .urh.sfhover {
	list-style: none;
	background-image: url(/t2f_img/meunURH_MAIN_arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
}




