ÿþ#nav {

	z-index: 200; 

	position: relative; 

	padding: 0px; 

	list-style-type: none; 

	margin: 0px; 

	width: 757px; 

	font-family: arial, verdana, sans-serif; 

	height: 90px; 

	list-style-image: none; 

}

#nav LI {

    margin: 0px

}

    

#nav LI.top {

	display: block; 

	float: left;

}

#nav LI A {

	border: #888 1px solid; 

	padding: 0px; 

	width: 375px; 

	display: block; 

	float: left; 

	height: 90px; 

	cursor: pointer; 

	text-decoration: none; 

}

#nav LI A B {

	margin-left: -9999px

}

#nav LI A.IIP {

	background: url(../images/BenefitsDDL/InvestorsinPeople.jpg);

	margin-right: 2px;

}

#nav LI A.GoodPractice {

	background: url(../images/BenefitsDDL/GoodPracticeAwards.jpg);

	margin-right: 0px;

}

#nav LI:hover A, #nav a:hover {

	background-position: 0px 90px

}

#nav TABLE {

	position: absolute; 

	padding: 0px; 

	margin: -1px; 

	width: 0px; 

	border-collapse: collapse; 

	height: 0px; 

	top: 0px; 

	left: 0px

}

#nav .sub {

	position: absolute; 

	padding: 0px; 

	list-style-type: none; 

	width: 0px; 

	height: 40px; 

	top: -9999px; 

	list-style-image: none; 

	left: -9999px;

	line-height:40px;

	border: #888 1px solid;

	margin: 0px; 

}

#nav LI:hover {

	z-index: 200; 

	position: relative

}

#nav A:hover {

	z-index: 200; 

	position: relative; 

	white-space: normal

}

#nav :hover UL.sub {

	z-index: 300; 

	width: 375px; 

	background: #ffffff; 

	height: auto; 

	top: 91px; 

	left: 0px

}

#nav :hover UL.sub LI {

	position: relative; 

	width: 377px; 

	display: block; 

	float: left; 

	height: 40px; 

	font-weight: normal

}

#nav :hover UL.sub LI A {

	padding: 0px; 

	width: 375px; 

	display: block; 

	height: 40px; 

	cursor: pointer; 

	border: #888 0px solid; 

	text-decoration: none; 

}

#nav :hover UL.sub LI A B {

	position: absolute; 

	margin: 0px; 

	left: -9999px

}

#nav :hover UL LI A.IIPStd {

	background: url(../images/BenefitsDDL/Standard.jpg)

}

#nav :hover UL LI A.IIPBronze {

	background: url(../images/BenefitsDDL/Bronze.jpg)

}

#nav :hover UL LI A.IIPSilver {

	background: url(../images/BenefitsDDL/Silver.jpg)

}

#nav :hover UL LI A.IIPGold {

	background: url(../images/BenefitsDDL/Gold.jpg)

}

#nav :hover UL LI A.IIPChampion {

	background: url(../images/BenefitsDDL/Champion.jpg)

}

#nav :hover UL LI A.HealthWellbeing {

	background: url(../images/BenefitsDDL/HealthAndWellbeing.jpg)

}

#nav :hover UL.sub LI A:hover {

	position: relative; 

	background-position: 0px 0px

}

#nav :hover UL.sub LI A:hover B {

	border: #888 0px solid; 

	text-align: center; 

	line-height: 18px; 

	width: 100px; 

	display: block; 

	background: #fff; 

	height: 20px; 

	color: #000; 

	font-size: 12px; 

	top: -9999px; 

	left: 100px;

}