/*** ntflymenu_23a can be used as a norml UL menu, or as a 
javascript flyout menu.  Just needs the 3 scripts, 
enclosed with this template.  ntrk ****/
/*** ntmenu_container_23a to align and to pad  ****/
/*** margin:0 auto; to center nav in left column ***/
/**  I now have it align left, 15px left pad, this template  ****/
/****  used only if menu aligns left in left column  ****/
/**  text-align:center; to center nav in left column  ***/
.ntflymenu {
	margin-top:10px;
	WIDTH: 150px;
	height:290px;
	text-align:left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: left;
}

/*****   ITEM STYLES   *****/
/***  NTNAV IS MAIN UL: DO NOT Align toplevel UL HERE, 
      margin:0 auto fouls; and this text-align: does all LI text ***/
#ntnav {
	margin:0;
	margin-top:5px;
	padding:0;
	/**** padding-left:10px; used only if menu aligns left in left column  ****/
WIDTH: 140px;
	LIST-STYLE-TYPE: none;
	text-align:left;
	z-index: 4;
}

/***  Levels: Styles and Positioning  *****/
.toplevel {
	FONT-SIZE: 11px; 
	WIDTH: 140px; 
	COLOR: #000000;
	BORDER-BOTTOM: #866a32 0px solid; }
.level2,
.level3 {
	FONT-SIZE: 11px; 
	WIDTH: 200px; 
	COLOR: #000000;  
/** if li border here, do also with hover  **/  
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-indent:2px;
}

/***  first level background image button  
      and padding above below buttons ***/
#ntnav .toplevel  {
	/***  CSS is the Better way, but Button BACKGROUND 
or button side image file here;  Text indent here also    ****/
margin-bottom:3px; /**** space buttons  ****/
	padding-top:3px; /*** padding here is above below TEXT IN button li text ***/
	padding-bottom:3px;
	text-indent:15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: solid;
	border-top-color: #eaeaea;
	border-right-color: #eaeaea;
	border-bottom-color: #eaeaea;
	border-left-color: #00B217;
	background-color: #FFFFFF;
	background-image: url(../media/duo_tickrightbluered.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}
/***  2nd + 3rd level list items  ****/
 /*** padding here is above below 2nd level buttons ***/
#ntnav LI LI, 
#ntnav LI LI LI {
padding-top:2px; /*** padding here is above below TEXT IN buttons ***/
padding-bottom:2px; /*** padding here is above below TEXT IN buttons ***/
}


/****  2nd-3rd backgrounds of flyout boxes (UL) 
        NO BORDER CAUSE GRABS FIRST, TEXT-ALIGN FLYS HERE   ****/
#ntnav UL, #ntnav UL UL {
	margin:0; padding:0; FLOAT: left; WIDTH: 100%; LIST-STYLE-TYPE: none; 
	BACKGROUND-COLOR: #FFFFFF;}

#ntnav LI {
	FLOAT: left; 
}

/*** 2nd main FLYOUT. Second List position: (margin-left:distance) ****/
#ntnav LI UL {
	MARGIN-TOP: -2.9em;
	LEFT: -999em;
	MARGIN-LEFT: 144px;
	BORDER: 1px solid #000000;
	width:200px;
	POSITION: absolute;
	visibility: visible;
}

/**** 3rd main FLYOUT. Third list postion (margin-left:distance)  *****/
#ntnav LI UL UL {
	MARGIN-TOP: -1.7em; LEFT: -999em; MARGIN-LEFT: 200px; BORDER: 1px solid #000000;
	width:200px;; position: abolute;
	}

/***  This one effects all LI, All levels ****/
#ntnav LI A {
	DISPLAY: block; margin:0; padding:0; TEXT-DECORATION: none;
}

/***  Main List Hover text all levels  ***/
#ntnav LI A:hover {
	COLOR: #000000;
	z-index: 4;
}

/*** toplevel levelone hover ****/
/***  li hover border here  ****** if hover background-color:#eaeaea; desired  ****/
#ntnav li .toplevel:hover {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #00B217;
	background-color: #00B217;
	background-image: url(../media/duo_tickrightbluered.gif);
	background-repeat: no-repeat;
	background-position: left -15px;
}


/*** 2-3-4 fly lists items link, can color 
	or border or underline here  ***/
#ntnav LI LI A,
#ntnav LI LI LI A,
#ntnav LI LI LI LI A {	
	DISPLAY: block;
	TEXT-DECORATION: none;
	color:#000000;
}

/*** 2-3-4 fly lists items link-hover can color 
	or border or underline here ***/
#ntnav LI LI A:hover,
#ntnav LI LI LI A:hover,
#ntnav LI LI LI LI A:hover {
	/*** TEXT AND BACKGROUND COLOR FOR ALL FLYOUT ITEMS  ****/
COLOR: #000000;
	background-image:none;
	BACKGROUND-COLOR: #eaeaea;
	border:none;
	border:none;
	z-index: 2;
}


/*** aligns left ***/
#ntnav LI:hover UL UL {LEFT: -999em;}
#ntnav LI:hover UL UL UL {LEFT: -999em}
#ntnav LI.sfhover UL UL {	LEFT: -999em;}
#ntnav LI.sfhover UL UL UL {	LEFT: -999em}
#ntnav LI:hover UL {	LEFT: auto}
#ntnav LI LI:hover UL {	LEFT: auto}
#ntnav LI LI LI:hover UL {	LEFT: auto}
#ntnav LI.sfhover UL {	LEFT: auto}
#ntnav LI LI.sfhover UL {	LEFT: auto}
#ntnav LI LI LI.sfhover UL {	LEFT: auto}


/* Fix IE. Hide from IE Mac \*/
 html #ntnav li { float:left; height:1%; }
 html #ntnav li a { height:1%; }
/* End */