.nav {
	line-height:normal;
  white-space:nowrap;
	width: 100%;
	height: 24px;
  margin: 5px 0px 2px 0px;
  padding: 0;
  padding-left: 10px;
  z-index: 5;
  overflow: visible;
  position: relative;
}
#nav2
{
  padding-left: 90px; /* for 4 items 25px; */
  z-index: 4;
}
.nav ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
  white-space:nowrap;
}
.nav, .nav li, .nav ul, .nav ul li
{
  list-style: none;
  
}
.nav li
{
  display: inline-block;
  min-width: 14%;
  width: auto;
  max-width: 33%;
  height: 22px;
  vertical-align: top;
  text-align: center;
  padding: 0px 14px 0px 14px;
  z-index: 5;
}
#nav2 li
{
  min-width:  17%; 
  z-index: 4;
}
.nav li.spacer, #nav2 li.spacer
{
 /* background-color: #EEEFDD; */
  border: solid 0px white;
  border-left: solid 1px white;
  width: 1px;
  min-width: 1px;
  max-width: 1px;
  padding: 0;
  height: 10px;
  margin: 5px 2px 0px 2px;
  z-index: 4;
}
#nav2 li.spacer /* override for 3 items */
{
  margin: 5px 15px 0px 15px;
}
.nav li a, .nav li a:visited
{
  text-decoration: none;
  color: White;
  z-index: 5;
}
.nav li ul
{
  display: block;
  z-index: 30;
 background-color: #EEEFDD;
  /*  background-color: Transparent; */
  border: solid 1px #3b507b;
  border-top: solid 0px white;
  position: absolute;
	left: -999em;
	top: 24px;
	height: auto;
	min-width: 160px;
	padding: 3px;
  
}
.nav li ul li
{
  display: block;
  text-align: left;
  z-index: 30;
  margin: 0px;
  padding: 0px;
 /* background-color: #EEEFDD; */
}
.nav li ul li a, .nav li ul li a:visited
{
  color: #3b507b;
  z-index: 30;
  /* background-color: #EEEFDD; */
}
.nav li a:hover
{
  color: #ecd970;
}
.nav li ul li a:hover
{
  color: #000000;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, .nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul{
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, .nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {
	left: auto; /* 0px; */ /*auto; */
	/* top: 22px; */
}
.nav li.tabSelected a 
{
  /* font-style: italic; */
  color: #ecd970;
}
.nav li ul li.tabSelected a
{
  color: #000000;
}
/* to prevent previous 2 overriding it... */
.nav li.tabSelected ul li a, .nav li.tabSelected ul li a:visited
{
  color: #3b507b;
}
.nav li.tabSelected ul li a:hover
{
  color: #000000;
}