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

/* link styles */
.nav a {
	text-decoration: none;
	display: block;
	padding: 4px;
	color: #CCC;
	width: 126px;
	font-weight: bold;
	background-color: #4D4DFF;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
    margin: 0;
}

.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: #D0A9F5;
	color: #000000;
}

/* 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: 1.72em; /* 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: 10.8em; /* 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(images/arrow_down.png);
  background-repeat:no-repeat;
  background-position: 2px 3px;
}

.nav .subsub {
  background-image: url(images/arrow_left.png);
  background-repeat: no-repeat;
  background-position: 4px 7px;
}