.navigation {
	width:990px; height:30px; background:url(../images/generic/nav_top_bg.gif) repeat-x left top;}

/* Styles & controls the HTML */
.navigation ul {
	padding:0px;margin:2px 0px 0px 0px;list-style-type:none;position:absolute;white-space:nowrap;}
.navigation ul li {
	float:left;display:block;height:22px;}
.navigation ul ul {
	padding:0px; margin:0px; width:160px;white-space:normal;}
.navigation ul ul li {
	display:block;height:auto;width:160px;line-height:1em;margin:0px;padding:0px;}
.navigation ul ul ul{top:0;width:160px;}

/* Hides all the tiers for the vertical lists */
.navigation ul ul {visibility:hidden;height:0;padding:0px;margin:0px;position:absolute;left:0;}

/* These make the vertical drop menu appear when rolled over + set the distance sub menus are from the selected item */
.navigation ul :hover ul{visibility:visible; height:auto; padding:0px; margin:0px;}
.navigation ul :hover ul ul{visibility:hidden; left:160px;}
.navigation ul :hover ul :hover ul ul{visibility:hidden; left:160px;}
.navigation ul :hover ul :hover ul{visibility:visible; left:160px;}
.navigation ul :hover ul :hover ul :hover ul {visibility:visible; left:160px;}

/* Styles the Horizontal/Top Level list */
.navigation a, .navigation a:visited, .navigation a:active, .navigation a:link {
	display:block;
	height:100%;
	text-decoration:none;
	color:#000000;
	padding:6px 15px 0px 15px;
	margin:0px 0px 0px 0px;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;}
* html .navigation a, * html .navigation a:visited {
	width:auto; w\idth:0;}

/* Styles the vertical lists */
.navigation ul ul a, .navigation ul ul a:visited, .navigation ul ul a:active, .navigation ul ul a:link {
	display:block;
	color:#ffffff;
	background-color:#000000;
	height:100%;
	width:150px;
	line-height:1em;
	margin:0px; 
	padding:5px 5px 5px 5px; 
	font:normal 10px Arial, Helvetica, sans-serif;
	text-transform:none;}
* html .navigation ul ul a, * html .navigation ul ul a:visited  {
	width:151px; w\idth:151px;margin:0px 0px 0px 1px;}

/* TABLE styles - for IE only */
.navigation table {
	border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; z-index:1;}

/* Puts arrow on any a with class="withSub" */
.navigation ul :hover li a.withSub {background:url(../images/generic/nav_arrow.gif) no-repeat 150px 9px #000000;padding:5px 40px 5px 5px;width:115px;}
* html .navigation ul ul a.withSub, * html .navigation ul ul a.withSub:visited  {width:117px; w\idth:117px;margin:0px 0px 0px 1px;}
.navigation ul :hover li a:hover.withSub {background:url(../images/generic/nav_arrow.gif) no-repeat 150px 9px #fec820;}
/* style the sub level 2 background */

/* Hover States */
/* Tier 1 */
* html .navigation a:hover {color:#ffffff; position:relative; z-index:100; background-color:#000000; text-decoration:none;}
.navigation li:hover {position:relative;}
.navigation :hover > a {color:#ffffff; background-color:#000000;}
/* Tier 2 */
* html .navigation ul ul a:hover{color:#ffffff;background-color:#fec820; position:relative; z-index:110;}
.navigation ul ul li:hover {position:relative;}
.navigation ul ul :hover > a {color:#ffffff;background-color:#fec820;}
/* Tier 3 */
* html .navigation ul ul ul a:hover {background-color:#fec820; position:relative; z-index:120;}
.navigation ul ul ul :hover > a {background-color:#fec820;}
/* Tier 4 */
.navigation ul ul ul ul a:hover {background:#fec820; position:relative; z-index:130;}