.nav, .nav * {
/*note: margin of menu items such as home, about us etc.*/
	margin:0 0 0 0;
	padding:0;
}


div#horiz-menu {  /* this is a z-index ie6 and ie7 bug fix */
	position: relative;
	z-index: 50;
}

#horiz-menu li li {
	margin: 0 0 0 0;
}

.nav {
	line-height:1.0;
	float:left;
	margin-bottom:1.5em;
	position: relative;
}
.nav ul {
	background:#fff; /*IE6 needs this*/
	padding: 0;
}

.nav li {
	float:left;
	list-style:none;
	position:relative;
}

.nav li li a {
	display:block;
	padding: 0;
	text-decoration:none;
	float:none;
	/*note: this controls the width of the text in the drop down menu,
	namely the white text but not the background
	the background is controlled by #horiz-menu ul ul found in the stylejt2.css file*/
	width:250px;
}

div#horiz-menu li li a {
	height: 30px;
	line-height: 30px;
}

.nav li ul {
	float:none;
	left:-999em;
	position:absolute;
	/*note: width of drop down menu, by making the width wider, 
	you can have 2 or more rows of links, this works in conjunction with
	.nav li li a*/
	width: 240px;
	z-index: 5;
}

.nav li:hover ul,
.nav li.sfHover ul {
	left:0px;
	top: 26px;
}
.nav li:hover li ul,
.nav li.sfHover li ul,
.nav li li:hover li ul,
.nav li li.sfHover li ul,
.nav li li li:hover li ul,
.nav li li li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
.nav li li.sfHover ul,
.nav li li li:hover ul,
.nav li li li.sfHover ul,
.nav li li li li:hover ul,
.nav li li li li.sfHover ul {
	left: 177px;
	top:0px;
	width: 177px;
}

.nav li li {
	position: relative;
	float:none;
	width: 177px;
}


