div#container { 
	width:900px; /* 6 x 150 = 750 + 7 1px borders */
	position:relative;
	margin-left: auto;
	margin-right: auto; 
	border:2px solid #F60; /* from orig */
	vertical-align:middle; /* from orig */
	height:28px;  /* 20PX menu height + 2px borders x 2 */
	text-align: center;
	vertical-align:middle;
	}
	
/* First level menu - always shows >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
ul#navigation-1 {
	margin:0; 
	padding:0px 0;
	list-style:none; 
	width:100%;
	height:20px;
	font:normal 8pt verdana, arial, helvetica;
	}
	
ul#navigation-1 li {  
	margin:0; 
	padding:0; 
	display:block; 
	float:left; 
	position:relative;
	width:150px; 
	}
	
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited { 
	padding:4px 0; 
	display:block; 
	text-align:center; 
	text-decoration:none;
	background:#000033; 
	color:#719fff; 
	width:150px; 
	height:20px;
	}
	
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active {
	padding:4px 0; 
	display:block; 
	text-align:center; 
	text-decoration:none;
	background:blue; 
	color:white; 
	width:148px; /* 2px less to allow for 1px border on both sides */
	height:20px; 
	border-left:1px solid white;
	border-right:1px solid white;
	}
	
/* Seoncd level menu - 1st dropdown as text >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
ul#navigation-1 li ul.navigation-2 { 
	margin:0; 
	padding:1px 1px 0; 
	list-style:none; 
	display:none;
	background:black; 
	width:148px; /* 2px less to allow for 1px border on both sides */
	position:absolute; 
	top:26px; /* Moves nav-2 menus down the height of nav-1 menus */
	left:-1px; /* Moves nav-2 left 1px...for borders? */
	}
	
ul#navigation-1 li:hover ul.navigation-2
	{ display:block; }
	
ul#navigation-1 li ul.navigation-2 li { 
	width:148px; 
	clear:center; 
	}

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited { 
	clear:left; 
	background:#935bfb;
	padding:4px 0; 
	width:148px; 
	border:1px solid white; 
	border-top:none;
	position:relative; 
	color:black; /*I added this to get black text*/ 
	z-index:1000; 
	}
	
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover { 
	clear:left;
	background:#63F;
	color:white; /*I added this to get white text*/ 
	padding:4px 0;
	width:148px;
	border:1px solid white;
	border-top:0px;
	position:relative;
	z-index:900; 
	}

ul#navigation-1 li ul.navigation-2 li ul.navigation-3
	{ 
	display:none; 
	margin:0; 
	padding:0; 
	list-style:none; 
	position:absolute; 
	left:149px; /*Adjust for good match to nav-2 */
	top:-1px; 
	border-top:1px solid white;
	background:#935bfb; /*#9c01ff;  */
	color:black;
	z-index:900; 
	}
	
/* Seoncd level menu - 1st dropdown as icons >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
ul#navigation-1 li ul.navigation-ico { 
	margin:0; 
	padding:1px 1px 0; 
	list-style:none; 
	display:none;
	background:black; 
	width:148px; /* 2px less to allow for 1px border on both sides */
	/*height:40px;*/
	position:absolute; 
	top:26px; /* Moves nav-2 menus down the height of nav-1 menus */
	left:-1px; /* Moves nav-2 left 1px...for borders? */
	}
	
ul#navigation-1 li:hover ul.navigation-ico
	{ display:block; }
	
ul#navigation-1 li ul.navigation-ico li { 
	width:148px; 
	clear:center; 
	}

ul#navigation-1 li ul.navigation-ico li a:link,
ul#navigation-1 li ul.navigation-ico li a:visited { 
	clear:left; 
	background:#000;
	padding:4px 0; 
	width:148px; 
	height:35px;
	border:1px solid white; 
	border-top:none;
	position:relative; 
	color:black; /*I added this to get black text*/ 
	z-index:1000; 
	}
	/* No link highlighting for ico */
	
/* Third level menu - Submenu of a dropdown menu >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
	{ display:block; }
	
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
	{ background:#63F;  color:white;}
	
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
	{ background:#9c01ff; color:white; }
	
ul#navigation-1 li ul.navigation-2 li a span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#63F; }
	
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
	{ position:absolute; top:0; left:132px; font-size:12pt; background:63F; color:white; }