body {
 -moz-opacity: .999; //to defeat firefox redraw problem with fade effect
}

/* link styles */
#nav ul li a { display:block; text-decoration:none; text-transform:uppercase; color:#000; font-weight:600;height:25px; padding:7px 20px 0; float:left; background:url(../images/nav.jpg) repeat-x;}
#nav ul li ul li ,#nav ul li ul li ul li { text-align:left;}
#nav ul li ul li a,#nav ul li ul li ul li a { padding:0 10px 0 0; font-size:11px; font-weight:normal; text-align:left; height:30px; width:160px; text-transform:capitalize;line-height:30px;border:1px solid #D1D1D1;}
#nav ul li ul li a:hover,#nav ul li ul li ul li a:hover { padding:0 10px 0 0; height:30px; width:160px; text-transform:capitalize;border:1px solid #D1D1D1}
.nav li li a {
  /* style for links on pop-up menus */
}

.nav li li li a {
	/* style for second level menu links */
}

.nav a:hover{
	background-color: #333;
	color: #FFF;
}

/* main nav bar */
.nav {
	margin: 0;
	padding: 0;
	line-height: 1;
}

/* 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;
}


/* pop-up subnav */
.nav ul {
	margin: 0;
	padding: 0;
	position: absolute;
  left: 0;
  top: 2.7em; /* change when you change height of links */
	display: none;
}


/* list items in pop-up subnav */
.nav ul li {
	float: none; /* so links line up one above the other for drop-downs */
}

/*3rd level menu position*/
.nav ul ul {
	position: absolute;
  left: 14.3em; /* change when you change width of links */
  top: -1px;
  z-index: 99;
  border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.nav ul ul li {
	z-index: 100;
}



/* look for buttons that have menus */
.nav .sub {
	background-image: url(http://localhost/javascript/images/arrow_down.png);
  background-repeat:no-repeat;
  background-position: 2px 3px;
}

.nav .subsub {
	background-image: url(http://localhost/javascript/images/arrow_left.png);
  background-repeat: no-repeat;
  background-position: 4px 7px;
}
