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

/* Horizontal navigation block style*/
#navarea {
	clear: both;
	margin: 0 auto;
	padding: 0;
	background: #080808;
	height: 33px;
	width: 790px;
}

/* Main horizontal menu style */
.nav a {
	/* Note add padding and border to get overall dimensions */
	padding: 0px 20px;
	text-decoration: none;
	font: 14px/29px "Trebuchet MS", Arial, Tahoma, Sans-serif;
	display: block;
	color: #ffffff;
	/*border-right: 1px solid #ffffff;*/
	text-align:center;
}

.nav li li a {
  /* style for links on pop-up menus */
    background: #080808 url(menu_rpt.gif?z=96249) repeat-x;
    font: 14px/29px "Trebuchet MS", Arial, Tahoma, Sans-serif;
    color: #ffffff;
    margin:0px;
    width: 11em;
}

.nav li li li a {
	/* style for second level menu links */
}

.nav a:hover{
	background: #ffffff url( menuover_rpt.gif?z=96249 ) repeat-x;
	color: #000000;
	/* width: 9em; */
}

/* main nav bar */
.nav {
	clear: both;
	margin: 0 auto;
	padding: 0;
	background: #080808 url(menu_rpt.gif?z=96249) repeat-x;
	height: 29px;
	width: 790px;
	border-top :2px solid #ffffff;
	border-bottom : 2px solid #ffffff;
}

/* all list items */
.nav li {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none; /* remove bullets */
	float: left; /* place buttons side by side */
  position: relative;
  background: #080808 url(menu_rpt.gif?z=96249) repeat-x;
	z-index: 99;
}


/* position the 2nd level menus */
.nav ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
  left: 0.5em;
  top: 2.7em; /* change when you change height of links */
	display: none;
}

.nav ul li {
	float: none; /* so links line up one above the other for drop-downs */
	border: 1px solid #ffffff;
}


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

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

/* look for buttons that have menus and show arrows */
.nav .sub {
	/* background-image: url(arrow_down.png); */
  background-repeat:no-repeat;
  background-position: 2px 3px;
}

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