* {  /* Set defaults for old browsers */
	margin: 0;
	padding: 0;
}
#navHead {  /* Position #navHead */
	clear:both;
	width:792px;
	margin:0px auto;
	padding:0px 1px;  /* For 5 menu items */
	background:#5B7893;
}
#navHead {  /* #navHead default font */
	font:11px tahoma;  /*?? May not be needed.  Don't see change in dwt ??*/
}
#navHead ul li {  /* Main menu items */
	display:block; 
	position:relative;
	float:left;
	width:142px;
	padding:3px 8px;
	-webkit-transition: .5s; /* Safari */
	transition: .5s;  /* ul li transition half second delay */
	font:20px arial;
	color:#BECBD6;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
} 
#navHead ul li ul li {  /* Submenu items */
	position: relative;
	float: left;
	width: 150px;
	list-style: none;
	line-height:26px;
	-webkit-transition: .5s;
	transition: .5s;  /* ul li transition half second delay */
	z-index:500;
	font:14px arial;
	color:#FFF;  /* ?? Didn't change anything ?? */
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
}
#navHead > ul > li > a, h1 {  /* a child of li child of ul child of #navHead */
	text-transform: uppercase;  /* ?? NONE in html/dwt ?? */
}
#navHead a {  /* nav anchor block and text color */
	display: block;
	text-decoration: none;
	padding: 5px 15px;
	color: #000;
} 
#navHead ul ul {  /* the submenu */
	position: absolute;
	left: 0;
	top: 100%;
	visibility: hidden;
	opacity: 0;  /* ul is transparent */
}
#navHead ul ul ul {
	left: 100%;
	top: 0;
}
#navHead li:hover, #navHead li:hover li {
	background: #ddd;
}
#navHead li li:hover, #navHead li li:hover li {
	background: #bbb;
}
#navHead li li li:hover {
	background: #999;
}
#navHead li:hover > ul {
	visibility: visible;
	opacity: 1;  /* ul not transparent */
}