/* SUB NAV STYLES  */

div#subNav {
	padding:0;
	margin-top:0px;
	width:968px;
	height:31px;
	float:left;
	font-size: 0.9em;
}

div#subNav ul {
	float:left;
	margin:0;
	padding:0;
	height:31px;
	list-style-type:none;
	line-height: 1;
}

//2008/11/14:Clark Li:fix IE7 subNav remain issue
div#subNav ul ul {visibility:hidden;}
div#subNav ul li:hover ul,
div#subNav ul a:hover ul{visibility:visible;}

div#subNav ul.ib {
	padding-left:0px;
}

div#subNav ul.ss {
	padding-left:170px;
}


div#subNav ul.ts {
	padding-left:120px;
}

div#subNav ul li {
	float:left;
	padding:0 0px;
	height:31px;
	width:auto;
	line-height:31px;
	position: relative;
	background-color:#ffffff;
}

div#subNav ul li.selected, div#subNav ul li.selectedOver, div#subNav ul.navFix li.selected, div#subNav ul.navFix li.selectedOver {
}

div#subNav ul li.selected a, div#subNav ul li.selectedOver a {
	color:#ffffff;
}

div#subNav ul li a {
	color:#333333;
	text-decoration:none;
	display:block;
}

div#subNav li:hover ul, div#subNav li.subNavHover ul, div#subNav li.selected:hover ul, div#subNav li.selectedOver ul {
	left:auto;	
}

div#subNav ul.navFix li:hover ul, div#subNav ul.navFix li.subNavHover ul, div#subNav ul.navFix li.selectedOver ul, div#subNav ul.navFix li.selected:hover ul {
	left:auto;	
}

div#subNav ul li:hover, div#subNav ul li.subNavHover {
}

div#subNav ul li.subNavHoverOff {
	background-color:#ffffff;
}

div#subNav ul li ul, div#subNav ul li.selected ul {
	margin: 0px 0 0 0px;
	padding:0;
	width:170px;
	height:auto;
        border-top:1px solid #54301A;
        border-right:1px solid #54301A;
        border-left:1px solid #54301A;

	list-style-type:none;
	position:absolute;
	left:-999em;
	background-image:none;
}

div#subNav ul li ul li {
	padding:3px 3px 3px 5px;
	width:162px;
	height:17px;
	line-height:17px;
	display:block;
	background-color:#F2EBE4;
	border-bottom: 1px solid #54301A;
	background-image:none;
	color:#333333;
}

div#subNav ul li ul li a, div#subNav ul li ul li a:visited, div#subNav ul li ul li a:link {
	color:#333333;
	font-weight:normal;
}

div#subNav ul.navFix li ul li a, div#subNav ul.navFix li ul li a:visited, div#subNav ul.navFix li ul li a:link {
	color:#333333;
	font-weight:normal;
}

div#subNav ul li ul li:hover, div#subNav ul li ul li.subNavHover {
	background-image:none;
	background-color:#54301A;
}

div#subNav ul.navFix li ul li:hover, div#subNav ul.navFix li ul li.subNavHover {
	background-image:none;
	background-color:#54301A;
}

div#subNav ul li:hover a, div#subNav ul li.subNavHover a, div#subNav ul.navFix li.subNavHover a {
	color:#ffffff;
}

div#subNav ul li ul li:hover a, div#subNav ul li ul li.subNavHover a, div#subNav ul li ul li.subNavHover a:visited, div#subNav ul.navFix li ul li:hover a, div#subNav ul.navFix li ul li.subNavHover a, div#subNav ul.navFix li ul li.subNavHover a:visited {
	color:#ffffff;
}

div#subNav ul li ul li.subNavHoverOff, div#subNav ul.navFix li ul li.subNavHoverOff {
	background-image:none;
	background-color:#ffffff;
}


/* sub sub nav (4th level flyouts) */

div#subNav ul li ul li ul, div#subNav ul li.subNavHover ul li ul, div#subNav ul li:hover ul li ul, div#subNav ul li.selected:hover ul li ul, div#subNav ul li.selectedOver ul li ul, div#subNav ul li ul li ul, div#subNav ul.navFix.navFix li.subNavHover ul li ul, div#subNav ul.navFix li:hover ul li ul, div#subNav ul.navFix li.selected:hover ul li ul, div#subNav ul.navFix li.selectedOver ul li ul {
	margin: -1.5em 0 0 195px;
	padding:0;
	width:200px;
	height:auto;
	border:.05em solid #0066A4;
	list-style-type:none;
	position:absolute;
	left:-999em;
	background-image:none;
}

div#subNav ul li ul li ul li {
	padding:3px 3px 3px 5px;
	width:192px;
	height:auto;
	line-height:17px;
	display:block;
	background-color:#ffffff;
	background-image:none;
	color:#333333;
}

div#subNav ul li:hover ul, div#subNav ul li ul li:hover ul, div#subNav ul li.subNavHover ul, div#subNav ul li ul li.subNavHover ul, div#subNav ul.navFix li ul li:hover ul, div#subNav ul.navFix li ul li.subNavHover ul, div#subNav ul li.selectedOver ul li.subNavHoverOff ul, div#subNav ul li.selected:hover ul li:hover ul { 
	left:auto; 	
}


/* sub sub link rules for IE - plain list and navFix list */
div#subNav ul li ul li.subNavHover ul li a,  div#subNav ul li ul li.subNavHover ul li a:visited {
	color:#333333;
	font-weight:normal;
}

div#subNav ul.navFix li ul li.subNavHover ul li a,  div#subNav ul.navFix li ul li.subNavHover ul li a:visited {
	color:#333333;
	font-weight:normal;
}

div#subNav ul li.selectedOver ul li.subNavHover ul li.subNavHover a {
	color:#ffffff;
}

div#subNav ul li.subNavHover ul li.subNavHover ul li.subNavHover a, div#subNav ul li.selected ul * a {
	color:#ffffff;
}

div#subNav ul.navFix li.subNavHover ul li.subNavHover ul li.subNavHover a, div#subNav ul.navFix li.selected ul * a {
	color:#ffffff;
}

/* sub sub link rules for Mozilla et al - plain list and navFix list */
div#subNav ul li ul li:hover ul li a,  div#subNav ul li ul li:hover ul li a:visited, div#subNav ul li ul li:hover ul li a:link {
	color:#333333;
	font-weight:normal;
}

div#subNav ul.navFix li ul li:hover ul li a, div#subNav ul.navFix li ul li:hover ul li a:visited, div#subNav ul.navFix li ul li:hover ul li a:link {
	color:#333333;
	font-weight:normal;
}

div#subNav ul li ul li:hover ul li a,  div#subNav ul li ul li:hover ul li a:visited, div#subNav ul li ul li:hover ul li a:link {
	color:#333333;
	font-weight:normal;
}

div#subNav ul.navFix li ul li:hover ul li:hover a, div#subNav ul li ul li:hover ul li:hover a  {
	color:#ffffff;
}

/* this is a fix for sub sub lists that are very far to the right - want them to fly out to the left and not the right so we dont get horz scroll */
div#subNav ul li ul li.subNavHover ul.rightListFix, div#subNav ul.navFix li ul li.subNavHover ul.rightListFix, div#subNav ul li ul li:hover ul.rightListFix, div#subNav ul.navFix li ul li:hover ul.rightListFix {
	margin-left:-207px;
}

/* SELECT BOX NAV FIX STYLES */
ul.navFix iframe {
	position: absolute;
	/* account for the border */
	left: -1px;
	top: -1px;
    width:500px;
    height:500px;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

div#subNav #navright {
	float: right;
}

div#subNav #navright ul {
	right: 0px;
}

div#subNav ul li div.seperator {
	width: 3px;
	height: 31px;
	background: url(/JFAM/en/images/nav/nav_speartor.gif) no-repeat;
}