#clientMenu { /* serves as a wrapper round the menu to allow centering */
	width: 760px;
	margin: auto;
}

/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/

.nav {
	border: 1px solid #000;
	border-width: 0 0 0 1px; /* borders the top and bottom of the top nav */
	width: 100%;
}

.nav li {list-style: none;} /* removes list bullets */

.topnav {
	width: 126px; /* we have 5 top level links that fit in 760 px of clientMenu wrapper ==> 152px each */
	float: left;
	text-align: center; /* BMB centre text in top links */
}

.floatfix {margin-right: -3px;}

.parent {position: relative;}

/*XXXXXXXXXXXX Primary dropdown rules XXXXXXXXXXX*/

.dropdown { /* rules for dropdown div */
	position: absolute;		
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	width: 250px;
	background: url(images/bgfix.gif);	
}

.dropdown ul { 
	width: 189px; /* tweaked so that dropdowns appear to "line up" with top links */
	border: 1px solid #000; 
	border-width: 1px 1px 0;/* borders the sides and top of the dropdowns and flyouts; 
		links provide the bottom border */ 
	margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
}

.four .dropdown ul {width: 190px;} /* modifies width for rightmost "visible" dropdown (tweak) */
	
.topnav:hover div.dropdown {left: -31px;} /* hover rule for dropdowns: the extra pixel makes 
	dropdowns "line up" with top links */ 

/*XXXXXXXXXX Secondary dropdown rules XXXXXXXXXXXX*/

.nav a {
	color: #fff;
	font-weight: bold;
	font-size: .9em;
	text-decoration: none;
	padding: 6px 0 5px 10px; 
	display: block;
	border-right: 1px solid #000; /* makes the dividers between the top nav links; must be negated 
		for later links */  
} 

.four a {border-right: 0;} /* removes the right border on last top link */

.dropdown li {
	vertical-align: bottom; /* IE5win bugfix */
	position: relative; 
	text-align: left; /* BMB sets text back to left aligned after the tweak earlier to centre text in top links*/
}
			
.dropdown li:hover {background: #305c92;} /* hover color effect on dropdown links */

.nav div div a {
	color: #fff;
	border-right: 0; /* negates right border for dropdowns */
	border-bottom: 1px solid #000;  /* borders the bottoms of the dropdowns */
}

/*XXXXXXXXXX Primary flyout rules XXXXXXXXXXXX*/

.flyout, 
.mini-zone {
	width: 220px;
	position: absolute;		
	left: -3000px;
	top: -26px; /* this value controls the amount of flyout vertical offset */
	background-image: url(images/bgfix.gif);
	text-align: left; /* needed because IE misapplies text centering to boxes */
}

/* The margins on the UL's replace the div paddings to create "sticky hovering"
zones,  and the margins should "fill" the divs, making the IE background fix 
unnecessary. Unfortunately the background fix is still needed, although this method 
does eliminate possible box model problems */

.flyout ul {margin: 30px 30px 30px 0;} /* creates "sticky hovering" above, below, and to the 
	right of the flyouts */
	
.dropdown li:hover .flyout {left: 180px;} /* this value controls the amount of flyout "overlap" */

.four .flyout ul {margin: 30px 0 30px 30px;} /* rule reversal for "visible" right drop flyouts */

.four li:hover .flyout {left: -210px;} /* reversed flyout rules for rightmost drop flyouts */

/*XXXXXXXXXX z-index rules for top-level menu XXXXXXXXXXX*/

.one {z-index: 10;}
.two {z-index: 20;}
.three {z-index: 30;}
.four {z-index: 40;}
.four:hover {z-index: 25;}
/* this last is a special trick that reverses the stacking order of the rightmost
top link when it or its children are hovered. This, and the previous rules work
together so that when a user is on the top link of any flyout, they can move 
vertically to the top link directly above and not have the sticky hovering zone
on the flyout get in the way of hovering that top link. */

/*XXXXXXXXXX .mini-zone rules XXXXXXXXXXXX*/
			
.mini-zone { /* special hover zone that covers the "danger corner" */
	position: absolute;		
	left: -3000px;
	bottom: -15px;
	top: auto;
	padding: 0;
	width: 15px;
	height: 15px;  
	font-size: 1px;
	background: url(images/bgfix.gif);
}

.dropdown li:hover .mini-zone { /* hover rule for mini-zones */
	left: auto;
	right: 8px;
	top: auto;
}

.four li:hover .mini-zone {left: 8px;} /* reversed hover rule for rightmost drop mini-zones */

/*XXXXXXXXXXX Top nav and dropdown backgrounds XXXXXXXXXX*/

.one {background: #aba195;}
.one ul {background: #002c62;}

.two {background: #aba195;}
.two ul {background: #002c62;}

.three {background: #aba195;}
.three ul {background: #002c62;}

.four {background: #aba195;}
.four ul {background: #002c62;}

.flyout li:hover {background: #305c92;} /* hover color effect on flyout links */

.flyout ul {background: #002c62;} /* colors background of flyouts */ 

.nav .flyout a {color: #fff;} /* colors text of flyouts */ 

/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This block is not read by IE5-Mac, and is further hacked for IEwin. \*/

* html .topnav .dropdown li {
	height: 1%;
	margin-left: -16px;
	mar\gin-left: 0;
}

* html .nav a {height: 1%;}
/* */

/* The first ruleset above fixes "bullet region" problems in IE5.x/Win, 
and the second is to make all links fully clickable. */    

.brclear { /* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}

/*\*/ /*/
.nav .dropdown, .nav .dropdown div {width: 189px;}
.nav .topnav .dropdown ul {margin: 0px;}
.nav .dropdown, .nav .dropdown div {position: static;}
.nav .dropdown ul {border: 0;}
.mini-zone {display: none;}
/* This rule block "dumbs down" the nav and is seen only by IE5/Mac */