

#cust_nav2 {
	border: solid 0px #000;
	position:relative;
	z-index:100;
	height: 30px;
	margin-top: 2px;
}
/* remove all the bullets, borders and padding from the default list styling */
#cust_nav2 ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#cust_nav2 li {
	float:left;
	position:relative;
	text-align: center;
	font: 10pt Arial;
}

/* style the links for the top level */
#cust_nav2 ul li a, #cust_nav2 ul li a:visited {
	display:block;
	text-decoration:none; 
	color:#000; 
	background: transparent; 
	padding: 2px;
	padding-top: 5px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #cust_nav2 a, * html #cust_nav2 a:visited {

}

/* style the second level background */
#cust_nav2 ul ul a.drop, #cust_nav2 ul ul a.drop:visited {
background:#d4d8bd url(/test_menu_drop.gif) bottom right no-repeat;
}

/* style the second level hover */
#cust_nav2 ul ul a.drop:hover{
background:#c9ba65 url(/test_menu_drop.gif) bottom right no-repeat;
}

#cust_nav2 ul ul :hover > a.drop {
background:#c9ba65 url(/test_menu_drop.gif) bottom right no-repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#cust_nav2 ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:26px;
	left:0; 

}
/* another hack for IE5.5 */
* html #cust_nav2 ul ul {
	top:26px;
	t\op:24px;
}

/* make the second level visible when hover on first level list OR link */
#cust_nav2 ul li:hover ul,
#cust_nav2 ul a:hover ul{
visibility:visible; 
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#cust_nav2 table {position:absolute; top:0; left:0;}

/* style the second level links */
#cust_nav2 ul ul a, #cust_nav2 ul ul a:visited {
	background:#d4d8bd; 
	color:#FFF; 
	height:auto;
	width: 150px; 
	line-height:1em; 
	padding:5px;
	text-align: left;
	border: solid 1px #999;
	margin-top: -1px;

/* yet another hack for IE5.5 */
}

#cust_nav2 ul ul a:hover {
	color:#FFFF00;
	background:#6699CC;
}

#cust_nav2 :hover > a {
	color:#FFF;
}

#cust_nav2 ul ul :hover > a {
color:#FFFF00;
background:#6699CC;
}

#cust_nav2 li.flexnav-About-ISPI { width: 92px; border-bottom: solid 3px #003399; }
#cust_nav2 li.flexnav-About-ISPI ul li a,
#cust_nav2 li.flexnav-About-ISPI ul li a:link,
#cust_nav2 li.flexnav-About-ISPI ul li a:visited { background:#003399; }
#cust_nav2 a.flexnav-link-About-ISPI:hover { background:#003399; }
#cust_nav2 :hover > a.flexnav-link-About-ISPI { background:#003399; }

#cust_nav2 li.flexnav-Membership { width: 104px; border-bottom: solid 3px #CC9933; }
#cust_nav2 li.flexnav-Membership ul li a,
#cust_nav2 li.flexnav-Membership ul li a:link,
#cust_nav2 li.flexnav-Membership ul li a:visited { background:#CC9933; }
#cust_nav2 a.flexnav-link-Membership:hover { background:#CC9933; }
#cust_nav2 :hover > a.flexnav-link-Membership { background:#CC9933; }

#cust_nav2 li.flexnav-Education { width: 93px; border-bottom: solid 3px #339999; }
#cust_nav2 li.flexnav-Education ul li a,
#cust_nav2 li.flexnav-Education ul li a:link,
#cust_nav2 li.flexnav-Education ul li a:visited { background:#339999; }
#cust_nav2 a.flexnav-link-Education:hover { background:#339999; }
#cust_nav2 :hover > a.flexnav-link-Education { background:#339999; }

#cust_nav2 li.flexnav-Certification { width: 104px; border-bottom: solid 3px #CC6600; }
#cust_nav2 li.flexnav-Certification ul li a,
#cust_nav2 li.flexnav-Certification ul li a:link,
#cust_nav2 li.flexnav-Certification ul li a:visited { background:#CC6600; }
#cust_nav2 a.flexnav-link-Certification:hover { background:#CC6600; }
#cust_nav2 :hover > a.flexnav-link-Certification { background:#CC6600; }

#cust_nav2 li.flexnav-HPT-Connections { width: 130px; border-bottom: solid 3px #3399CC; }
#cust_nav2 li.flexnav-HPT-Connections ul li a,
#cust_nav2 li.flexnav-HPT-Connections ul li a:link,
#cust_nav2 li.flexnav-HPT-Connections ul li a:visited { background:#3399CC; }
#cust_nav2 a.flexnav-link-HPT-Connections:hover { background:#3399CC; }
#cust_nav2 :hover > a.flexnav-link-HPT-Connections { background:#3399CC; }

#cust_nav2 li.flexnav-Resource-Center { width: 121px; border-bottom: solid 3px #669933; }
#cust_nav2 li.flexnav-Resource-Center ul li a,
#cust_nav2 li.flexnav-Resource-Center ul li a:link,
#cust_nav2 li.flexnav-Resource-Center ul li a:visited { width: 200px; background:#669933; }
#cust_nav2 a.flexnav-link-Resource-Center:hover { background:#669933; }
#cust_nav2 :hover > a.flexnav-link-Resource-Center { background:#669933; }

#cust_nav2 li.flexnav-Awards { width: 93px; border-bottom: solid 3px #663399; }
#cust_nav2 li.flexnav-Awards ul li a,
#cust_nav2 li.flexnav-Awards ul li a:link,
#cust_nav2 li.flexnav-Awards ul li a:visited { background:#663399; }
#cust_nav2 a.flexnav-link-Awards:hover { background:#663399; }
#cust_nav2 :hover > a.flexnav-link-Awards { background:#663399; }

#cust_nav2 li.flexnav-Chapters { width: 72px; border-bottom: solid 3px #AF1E2D; }
#cust_nav2 li.flexnav-Chapters ul { left: -90px; }
#cust_nav2 li.flexnav-Chapters ul li a,
#cust_nav2 li.flexnav-Chapters ul li a:link,
#cust_nav2 li.flexnav-Chapters ul li a:visited { background:#AF1E2D; }
#cust_nav2 a.flexnav-link-Chapters:hover { background:#AF1E2D; }
#cust_nav2 :hover > a.flexnav-link-Chapters { background:#AF1E2D; }

/* FINAL STYLE FOR MENU LINK HOVER */

#cust_nav2 ul ul a:hover {
	color:#FFFF00;
	background:#6699CC !important;
}


