* {
	margin:0px;
	padding:0;
	outline:0;
}

/* top menu element */
.nav {
	/*height:28px;
	width:600px;*/
	height:62px;
	width:863px;
	color:#004D4D;
	text-shadow:1px 1px #888;
	z-index:2;
	position:relative;
	background-image: url(images/javascript_main_menuBar.png);
}



/* top menu element with url link */
.menu a {
	float:left;
	color:#004D4D;
	text-decoration:none;
	width:inherit;
	padding-top:18px;
	letter-spacing: 0.15em;
}

/* top menu element without url link*/
.menu span {
	float:left;
	color:#004D4D;
	text-decoration:none;
	width:inherit;
	padding-top:18px;
	letter-spacing: 0.15em;
}


.menu a:hover {
	color:#003366;
}
.menu {
	list-style:none;
	font:14px Arial,Verdana;
	text-align:center;
	width:600px;
	margin:0 auto;
	cursor:pointer;
}
.menu li {
	position:relative;
	float:left;
	/*width:120px; - width is calculated by php */
	z-index:2;
}

/* sub menu element */
.menu ul {
	display:none;
	position:absolute;
	font:normal 12px Arial,Verdana;
	letter-spacing: normal;
	height:24px;
	top:50px; /* sets the hor. top of top level sub meny */
	left:0px; /* sets the verr. top of top level sub meny */
	list-style:none;
	z-index:2;
}
.menu ul li {
	float:left;
	color:#000000;
	height:24px;
	width:200px;
	background-image: url(images/javascript_subLev_menuBar.png);
	
}
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {
	float:left;
	text-align:left;
	display:block;
	padding-left:6px;
	background:none;
	height:18px;
	width:194px;
	padding-top:6px;
}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {
	background:#D4D4D4;
	color:#003366;
}

/* added width 200px to extend sub menu element for longer text */
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {
	float: inherit;
	text-align:left;
	display:block;
	padding-left:6px;
	background:none;
	height:18px;
	padding-top:6px;
	width:194px;
}
.menu ul ul {
	left:201px;
	top:-9px;
}
.menu li.submenu {
	height:24px;
	width:200px;
	background-image: url(images/javascript_subLev_menuBar_Larrow.png);
}

.menu li.noborder {
	border-top:none;
}

.menu li.endCap {
	height:8px;
	background-image: url(images/javascript_subLevel_dropdown_menu_endCap.png);
}

.menu li.submenu li.topCap{
	height:8px;
	background-image: url(images/javascript_subLevel_dropdown_menu_topCap.png);
}

/* reduced to 1px letter spacing to make room for left arrow image */
.menu ul li span {
	letter-spacing:.1em;
}
li.menuhover a, li.menuhover li.menuhover a {
	background:#e3e2e2;
}

/* top level menu hover */
li.menuhover span, li.menuhover li.menuhover span {
	color:#003366;
	/* background:#FFFFFF; */
	height:24px;
}

/* sub menu hover */
li.menuhover submenu, li.menuhover li.menuhover span {
	color:#003366;
	background-image:url(images/javascript_subLev_menuBar_Larrow.png);
	height:18px;
}

#info {
	width:180px;
	background:#eee
}
#info li {
	width:160px;
	border-top:none;
	padding:8px 10px;
	color:#666;
	text-shadow:1px 1px #fff;
	text-align:left
}