CSS Menu

#menu li.here li.here ul {
    display: block
}

<div id="menu">
	<ul class="topmenu">
		<li><a href="home.html" title="Emergency Management Academy of NZ">Home</a></li>
		<li><a href="news.html" title="News Articles">News</a></li>
		<li><a href="about.html" title="Emergency Management Academy of NZ">About us</a>
			<ul>
				<li class="last"><a href="people.html" title="EMANZ staff">People</a></li>
			</ul>
		</li>
		<li><a href="vacancies.html" title="Job vacancies">Vacancies</a></li>
		<li><a href="courses.html" title="EMANZ Training">Training</a>
			<ul>
				<li><a href="certificates.html" title="Tai Poutini Polytechnic<br/>Emergency Management Programme">Certificates</a></li>
				<li><a href="short-courses.html" title="Short Courses">Short Courses</a></li>
				<li class="last"><a href="calander.html" title="Events Calendar">Calendar</a></li>
			</ul>
		</li>
		<li><a href="gallery.html" title="Photo Gallery">Gallery</a></li>
		<li><a href="faqs.html" title="Frequently Asked Questions">FAQs</a></li>
		<li><a href="links.html" title="Web Links">Links</a></li>
		<li><a href="contact.html" title="Contact us">Contact us</a></li>
		<li><a href="login.html" title="User Login">Login</a></li>
		<li class="last here"><a href="temp.html" title="Temporary stuff">Temp</a>
			<ul>
				<li class="here last"><a href="operations.html" title="Operations Level Courses">Operations Level</a>
					<ul>
						<li class="last"><a href="certificate-in-emergency-management-2.html" title="Tai Poutini Polytechnic Certificate in Emergency Management Level 2">Emergency Management L2</a></li>
					</ul>
				</li>
			</ul>
		</li>
	</ul>
</div>  

#menu a{
	text-decoration: none;
}
#menu a:link{
	color: #000000;	/* non current menu color */
}
#menu a:visited{
	color: #000000;
}
#menu a:hover, #menu a:active{
	color: #FF0000;
	background-color: transparent;
	text-decoration: none;
}
#menu ul{   /* Menu */
	margin: 0;
	padding-bottom: 20px;
	padding-left: 10px;
}
#menu ul ul{   /* Menu > Submenu */
	display: none;	
}
#menu ul ul ul{   /* Menu > Submenu > Sub Submenu*/
	display: none;	
}
#menu li{	/* Menu items */
	list-style: none;
	padding: 2px 0 2px 0px;
	height: auto !important;
	height: 1%;
	font-size: 1.0em;
}
#menu li.here{	/* current Menu item*/
	color: #000080;
}
#menu li.here ul{	/* Menu > current Submenu items*/
	display: block;
	padding: 5px 0px 5px 20px;
        color: #000080;
	font-size: 1.0em;
}

/* new additions */
#menu li.here ul ul {   
	display: none;	
}
#menu li.here li.here ul {
    display: block
}

li.here a { color: #000080 }
li.here li.here a {color: #008000 }

#menu li.here{	/* current Menu item*/
	color: #000080;
}

#menu li a { color: #000 } // default non-current link
#menu li.here a { color: #000 } // parent/grandparent links
#menu li { color: #000080 } // blue for the you-are-here state

		<li class="last here"><a href="temp.html" title="Temporary stuff">Temp</a>
			<ul>
				<li class="here last"><a href="operations.html" title="Operations Level Courses">Operations Level</a>
					<ul>
						<li class="last"><a href="certificate-in-emergency-management-2.html" title="Tai Poutini Polytechnic Certificate in Emergency Management Level 2">Emergency Management L2</a></li>
					</ul>

				<li class="here last"><a href="operations.html" title="Operations Level Courses">Operations Level</a>

				<li class="last">Operations Level

#nav a { color: #000 }
#nav li { color: #000080 }