ul#topnav {
	border:0; margin:6px 0 0 0; padding:0;
	float:right;
	text-align:left;
	width: 330px;
	list-style: none;
	}
		
	ul#topnav li {
		font: normal 12px/12px arial,helvetica,sans-serif;
		margin:0 20px 0 0; padding:0; border:0;
		float:left;
		}

html>body ul#topnav li  {margin:0 20px -2px 0;} 
/* what we really want - IE 4/5/6 can't see */


		ul#topnav li#last { margin-right:0; }
		
	ul#topnav li a {
			color: #ccc;
			text-decoration: none;
			border:0;
			text-align:right;
			}
					
		ul#topnav li a:hover {
			color:#fff;
			}
	
		ul#topnav li.active a {
			color: #fff;
			}

ul#testnav {
	border:0; margin:6px 0 0 0; padding:0;
	float:right;
	text-align:left;
	width: 430px;
	list-style: none;
	}
		
	ul#testnav li {
		font: normal 12px/12px arial,helvetica,sans-serif;
		margin:0 20px 0 0; padding:0; border:0;
		float:left;
		}

html>body ul#testnav li  {margin:0 20px -2px 0;} 
/* what we really want - IE 4/5/6 can't see */


		ul#testnav li#last { margin-right:0; }
		
	ul#testnav li a {
			color: #ccc;
			text-decoration: none;
			border:0;
			text-align:right;
			}
					
		ul#testnav li a:hover {
			color:#fff;
			}
	
		ul#testnav li.active a {
			color: #fff;
			}





#secnav ul {
	list-style: none;
	border:0; margin:12px 0 0 10px; padding:0;
	}

	#secnav li ul { margin-top:.4em; }
	
	#secnav li {
		margin:0 0 .8em 0; padding:0;
		float:none;
		}

		#secnav li li { 
			text-align:right;
			padding-right:20px; 
			margin-bottom:.3em;
			}
		
	/* below is where you specify the height of the block and the display */
			
	#secnav li a {
			color: #ccc;
			text-decoration: none;
			padding:0;
			}
	
		#secnav li a:hover {
			color:#fff;
			}
	
		#secnav li.subactive a {
			color: #fff;
			}
		
				#secnav li.subactive #ternav a {
			color: #ccc;
			}

				#secnav li.subactive #ternav li.teractive a {
			color: #fff;
			}