body {
 -moz-opacity: .999; //to defeat firefox redraw problem with fade effect
}

/* link styles */
.nav a {
	text-decoration: none;
	display: block;
	padding: 4px 7px 4px 4px;
	color: #CCC;
	width: 9em;
	font-weight: normal;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
	margin:0;
	font-size:11px;
	line-height:18px;
	vertical-align:middle;
}


.nav a:hover{
	background-color: #333;
	color: #FFF;
}



/* SECOND LEVEL DROP DOWN LINKS */

.nav li li a {
  /* style for (NORMAL - OFF HOVER second level links - counting main menu as #1) links on pop-up menus */
  background-color:#FFFFFF;
  color:#778cab;
  width:inherit;
  text-align:left;
  border-top:1px solid #CCCCCC;
}

.nav li li a:hover {
  /* style for (ON HOVER property for the second level links - counting main menu as #1) links on pop-up menus */
  background-color:#556378;
  color:#FFFFFF;
  border-top:1px solid #CCCCCC;
}



/* THIRD LEVEL DROP DOWN LINKS */

.nav li li li a {
	/* style for (tammy says third level links - counting main menu as #1) second level menu links */
	background-color:#CC0000;
}

.nav li li li a:hover {
  /* style for (ON HOVER property for the second level links - counting main menu as #1) links on pop-up menus */
  background-color:#FF00FF;
}






/* main nav bar */
.nav {
	margin: 0;
	padding: 2px 0 0 2px;
	line-height: 1;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1000;
}

/* all list items */
.nav  li {
	margin:0 !important;
	padding:0 !important;
	list-style: none; /* remove bullets */
	float: left; /* place buttons side by side */
	position: relative;
	z-index:2000;
}


/* pop-up subnav */
.nav ul {
	margin: 0;
	padding: 0;
	position: absolute;
  left: 0;
  top: 2.32em; /* change when you change height of links */
	display: none;
	z-index:2000;
}


/* list items in pop-up subnav */
.nav ul li {
	float: none; /* so links line up one above the other for drop-downs */
	z-index:2000;
}

/*3rd level menu position*/
.nav ul ul {
	position: absolute;
  left: 10.8em; /* change when you change width of links */
  top: -1px;
  z-index: 3000;
  border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.nav ul ul li {
	z-index:2000;
}



/* look for buttons that have menus */
.nav .sub {
	background-image:none;
  background-repeat:no-repeat;
  background-position: 2px 3px;
}

.nav .subsub {
	background-image:none;
  background-repeat: no-repeat;
  background-position: 4px 7px;
}