/* CSS Document */

/****** TURN OFF LEVEL_1 NAV ITEMS ************/
* {
padding:0;margin:0;
}


#b4u_top .b4u_nav p {
	padding-top:10px;
	padding-bottom:10px;
}
.b4u_nav  .b4u_content   ul.contac {
	width:140px;
}
.b4u_nav   .b4u_content    ul.about {
	width:120px;
}

.b4u_nav .b4u_content ul.home  {
	padding-left:80px; /** change the padding-left to SHUV the menu over */
	width:84px;
}
.b4u_nav  .b4u_content  ul.guide  {
	width:166px;
}
.b4u_nav  .b4u_content   ul.contes  {
	width:120px;
}
.b4u_nav  .b4u_content   ul.events {
width:102px;
}
.b4u_nav  .b4u_content   ul.suppor {
	width:110px;
}


/* Position of submenus   PADDING TO MOVE RIGHT....MARGIN TO MOVE LEFT WITH A NEGATIVE ******/


.b4u_nav .b4u_content  ul li ul  {
	width:170px;
	margin-top:0px;
}

/*** SHIFT LEVE_2 ITEMS OVER TO THE RIGHT TO LINE THEM UP WITH LEVE_1 *********/


/********** This handles the pulldown menus **********/
 ul.contac  ul,
 ul.about  ul,
 ul.home  ul,
 ul.guide  ul,
 ul.memberships  ul,
 ul.contes  ul,
 ul.events  ul,
  ul.suppor  ul
  {
	margin-left:0px;
	left:0px;
	list-style:none;
	}
	
	
/********** The above handles the pulldown menus **********/
p.level_2 a:link, p.level_2 a:visited {
	padding-left: 12px;
	text-transform: none;
}

.b4u_edit {
	color:#FFFFFF;
}

/* Fix overlap with b4u_admin menus. */
* {
   z-index: 9911;
}
.b4u_nav {
	position:relative;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-1px;
	height:20px;
	text-align:left;
	
}

.b4u_nav ul {
	list-style: none;
	height: 20px;
	float: left;
}

.b4u_nav p.level_1 {
   font: normal Verdana, Arial, Helvetica, sans-serif;
   display: block;
}

.b4u_nav p.level_1 a:link,
.b4u_nav p.level_1 a:visited {
	font: normal Verdana, Arial, Helvetica, sans-serif;
	display: block;
	color: #ffffff;
	text-decoration:none;
	padding-left:22px;

}
.b4u_nav p.level_2 a:link,
.b4u_nav p.level_2 a:visited {
	font: normal Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: #EEB211;
	color: #FFFFFF;
	text-align: left;
	text-decoration:none;
	padding-left:22px;
	height:22px;
}

.b4u_nav ul li ul p.level_2 {
	padding-top:0px;
	padding-bottom:0px;
}

.b4u_nav p.level_2 a:hover {
	display: block;
	color: #FFFFFF;
	text-decoration:none;
	background: #D16F1B;
}

.b4u_nav p.level_1 a:hover
{
	display: block;
	color: #FFFFFF;
	text-decoration:none;
	background-color: #EEB211;
}

.b4u_nav li {
   position: relative;
}

.b4u_nav ul ul {
   position: absolute;
   z-index: 500;
}

.b4u_nav ul ul ul {
   position: absolute;
   left: 100%;
}

.b4u_nav ul ul,
.b4u_nav ul li:hover ul ul,
.b4u_nav ul ul li:hover ul ul {
   display: none;
}

.b4u_nav ul li:hover ul,
.b4u_nav ul ul li:hover ul,
.b4u_nav ul ul ul li:hover ul {
   display: block;
}

/* Begin IE Specific */
body {
   behavior:url( "csshover.htc" );
   font-size: 100%;
}

.b4u_nav ul li {
   float: left;
   width: 100%;
}
.b4u_nav ul li a {
   height: 1%;
}

.b4u_nav a,
.b4u_nav p.level_1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
}
/* End IE Specific */