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

/* Horizontal navigation block */
#navarea {
	clear: both;
	margin: 0 auto;
	padding: 0;
	background: #000000 url(menu.jpg?z=96249) repeat-x;
	height: 40px;
	width: 772px;
	border :2px solid #FFFFFF;
}

/* link styles */
.nav a {
	text-decoration: none;
	font: bold 14px/40px "Trebuchet MS", Arial, Tahoma, Sans-serif;
	display: block;
	padding: 0 14px;
	color: #CCC;
	width: 4.5em;
	/* font-weight: bold; */
	/* background-color: #4C5353; */
	/* border-bottom: 1px solid #CCC; */
	border-left: 1px solid #CCC;
}

.nav li li a {
  /* style for links on pop-up menus */
    background: #4F5974; /* Set Colour or use image */
    font: 12px/40px "Trebuchet MS", Arial, Tahoma, Sans-serif;
    width: 11em;
    border: 1px solid #CCC;
}

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

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

/* main nav bar */
.nav {
	clear: both;
	margin: 0 auto;
	padding: 0;
	background: #4F5974 url(menu.jpg?z=96249) repeat-x;
	height: 40px;
	width: 772px;
	/* border-top :2px solid #FFFFFF; */
	/* border-bottom : 2px solid #FFFFFF; */
}

/* 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: 9999;
}


/* position the 2nd level menus */
.nav ul {
	margin: 0;
	padding: 0;
	position: absolute;
  left: 0;
  top: 3.2em; /* change when you change height of links */
	display: none;
	z-index: 9999;
}

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


/* 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 #FFF;
	border-right: 1px solid #FFF;
	z-index: 9999;
}

.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;
}