html, body, ul, li { padding: 0px; margin: 0px; list-style: none; }

	#wrapper, #wrapper1, #wrapper2, #wrapper3, #wrapper4, #wrapper5, #wrapper6
	{
		margin: 0px;
		padding: 0px;
		border: 0px;
		height: 52px;
	}

	/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/
	.nav
	{
		position: relative;
		border: 0px;
		width: 100%;
	}

	.button1
	{
		width: 105px;
		height: 32px;
		float: left;
	}

	.button2
	{
		width: 108px;
		height: 32px;
		float: left;
	}

	.button3
	{
		width: 109px;
		height: 32px;
		float: left;
	}

	.button4
	{
		width: 110px;
		height: 32px;
		float: left;
	}

	.button5
	{
		width: 110px;
		height: 32px;
		float: left;
	}

	.button6
	{
		width: 105px;
		height: 32px;
		float: left;
	}

	.parentMenuLink
	{
		/*	This is used to fix the block of text to a height of 32px
			Cannot do this in the classes above (.buttonX) - "overflow: hidden" does not allow the submenus to appear */
		height: 30px;
		overflow: hidden;
		vertical-align: middle;
	}

	.parent {position: relative;}
	/* this parent div does not provide "sticky hovering", but instead fixes a
	strange bug in Op7. When an element serves as a hovered popup "parent" element,
	that element must not also be floated or all heck breaks loose in Opera 7.
	To prevent this, we have floated the top level list items, while nesting
	hoverable parent divs inside that are then hovered to generate the dropdowns.
	Thus the ugly (but interesting) Op7 bug is defeated. */

	.parent:hover {background-image: url(../images/bgfix.gif);}
	/* this hover calls a transparent GIF only to defeat the IE failed hover bug. Any
	background change on hovering div.parent will make IE obey and display the dropdown.
	While the call itself will fix the bug, make sure you actually call a real image
	file so that your site error logs will not fill with failed image calls. */

	.parent:hover div.dropdown {left: -25px;} /* hover rule for dropdowns */
	/* extra pixel makes dropdowns "line up" with top links */

	.floatfix {margin-right: -3px;}
	/* this fixes the IE 3px bug that is common in this type of float arrangement */

	/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/
	.dropdown
	{	/* rules for dropdown div */
		width: 200px;
		position: absolute;
		left: -4000px;
		top: 38px; /* puts dropdowns directly under top nav */
		text-align: left; /* needed because IE misapplies text centering to boxes */
		background-image: url(../images/bgfix.gif);
		font-size: 10px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

	/* 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 BG fix unnecessary.
	Unfortunately the BG fix is still needed, altho this method does eliminate
	possible box model problems */
	.dropdown ul
	{
		width: 200px; /* tweaked so that dropdowns appear to "line up" with top links */
		margin: 0px 25px 25px 25px; /* creates "sticky hovering" zones for dropdowns */
		border: 0px;
	} /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */

	/* Menu rollovers */
	.dropdown li
	{
		padding:2px;
		height: auto; /* = 20px */
		position: relative;
		vertical-align: top; /* IE5/win bugfix */
		background-color: #f86a0b;
		border-right: 1px solid #e04927;
		border-bottom: 1px solid #e04927;
		border-left: 1px solid #e04927;
	}

	.dropdown li:hover
	{
		background-color: #f7904e;
	}

	.dropdown li:hover div
	{	/* hover rule for flyouts */
		left: 198px; /* this value controls the amount of flyout "overlap" */
		top: -25px; /* this value controls the amount of flyout vertical offset */
	}

	.dropdown div
	{
		width: 200px;
		position: absolute;
		left: -4000px;
		top: 0px;
		text-align: left; /* needed because IE misapplies text centering to boxes */
		background-image: url(../images/bgfix.gif);
	}

	.dropdown div ul {margin: 25px 25px 25px 0px;} /* creates "sticky hovering" zones for flyouts */

	.dropdown div li
	{
		padding:2px;
		/*height: auto; /* = 20px */
		vertical-align: top; /* IE5/win bugfix */
		background-color: #f86a0b;
	}

	.dropdown div li:hover
	{
		/* height: 24px; /* Remove this line (causing problem in IE) */
		vertical-align: top; /* IE5/win bugfix */
		background-color: #f7904e;
	}
	/* ------------------ */

	/* Margin and Colours of links */
	.dropdown ul a {color: #ffffff; padding: 3px; margin-left: 3px} /* colors text of  flyouts */
	.dropdown div ul a {color: #ffffff; padding: 3px; margin-left: 3px} /* colors text of  flyouts */

	.dropdown ul a:hover {color: #e13d00; padding: 3px; margin-left: 3px} /* colors text of  flyouts */
	.dropdown div ul a:hover {color: #e13d00; padding: 3px; margin-left: 3px} /* colors text of  flyouts */
	/* ------------------ */

	.topborder { border-top:1px solid #e04927 }
	/* ------------------ */

	.nav a
	{
		display: block;
		text-decoration: none;
		padding: 0px;
		border: 0px;
		color: #ffffff;
		font-weight: bold;
	}

	.nav div.mini-zone
	{	/* special hover zone that covers the "danger corner" */
		padding: 0px;
		width: 30px;
		height: 30px;
		font-size: 1px;
		left: -4000px;
		top: auto;
		background-image: url(../images/bgfix.gif);
	}

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

	/*XXXXXXXXXX z-index rules for top nav XXXXXXXXXXX*/
	.one {z-index: 10;}
	.two {z-index: 20;}
	.three {z-index: 30;}
	.four {z-index: 40;}
	.five {z-index: 50;}
	.six {z-index: 60;}

	.five:hover {z-index: 10;}
	.six:hover {z-index: 20;}
	/* 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. */

	.five .dropdown ul {width: 200px;} /* modifies width for rightmost "visible" dropdown (tweak) */
	.five .dropdown div ul {margin: 25px 0 25px 25px; position: relative;} /* rule reversal for "visible" right drop flyouts */

	.six .dropdown ul {width: 200px;} /* modifies width for rightmost "visible" dropdown (tweak) */
	.six .dropdown div ul {margin: 25px 0 25px 25px; position: relative;} /* rule reversal for "visible" right drop flyouts */

	.five li:hover div
	{	/* reversed flyout rules for rightmost drop flyouts */
		left: -225px;
		top: -25px;
	}

	.six li:hover div
	{	/* reversed flyout rules for rightmost drop flyouts */
		left: -225px;
		top: -25px;
	}

	/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/
	/* This is to hide the following from IE/Mac. \*/
	* html .button .dropdown li
	{
		height: 1%;
		margin-left: -25px;
		mar\gin-left: 0px;
	}
	/* */
	* html .nav a
	{height: 1%;}
	/* The first 2 rules above fix "bullet region" problems in IE5.x/win,
	and the 2nd is to make all links fully clickable. */

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

	/*\*/ /*/
	.nav .dropdown, .nav .dropdown div {width: 200px;}
	.nav .button .dropdown ul {margin: 0px;}
	.nav .dropdown, .nav .dropdown div {position: static;}
	.nav .dropdown ul {border: 0px;}
	.mini-zone {display: none;}
	/* this rule block "dumbs down" the nav for IEmac */
	/*------------------------------------------------------------------------------------------------*/