<style>
.{}
#navigation {
	z-index:1;
	position:absolute;
	top:70px;
	left:0px;
	text-align:left;
	width:100%;
	height:20px;
	background-color:#66c;
	padding:0;
	margin:0;
}
#horizontalNav {
 	padding-left:175px;
}
#horizontalNav ul {
	list-style:none;
	padding:0;
	margin:0;
}
#horizontalNav li {
	display:block;
	float:left;
	position:relative;
	line-height:20px;
	font-weight:bold;
	font-size:15px;
	font-family:arial,helvetica;
	padding:0;
	margin:0;
}
#horizontalNav a {
	color:#fff;
	width:inherit;
	text-decoration:none;
	transition: .3s background-color;
	border-top:1px solid #66c;
	padding:0px 10px 0px 10px;
	margin:0px;
}
#horizontalNav a:hover {
	background-color:#606;
	border-top:1px solid #606;
}
#horizontalNav li ul {
	background-color:#66c;
	position:absolute;
	top:100%;
	left:0;
	display:none;
}
#horizontalNav li li {
	display:block;
	width:200px;
	padding:10;
	margin:0;
}
#horizontalNav li li a {
	display:block;
	width:180px;
	padding:2px 10px 2px 10px;
	margin:0;
}
#horizontalNav li:hover ul {
	display:block;
	padding:10;
	margin:0;
}
#verticalNav {
	display:none;
	width:29px;
	height:20px;
	background:transparent url(/images/menu.collapsed.png) 0px 0px no-repeat;
	line-height:20px;
	font-weight:bold;
	font-size:15px;
	font-family:arial,helvetica;
	margin:0;
}
#verticalNav:hover {
	background-position:-29px,0px;
}
#verticalNav ul {
	position:absolute;
	top:20px;
	left:0px;
	width:200px;
	list-style:none;
	padding:0;
	margin-top:20px;
	background-color:#606;
	display:none;
}
#verticalNav:hover ul {
	display:block;
	padding:10;
	margin:0;
}
#verticalNav li {
	padding:5px;
}
#verticalNav li a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding-left:20px;
}
#verticalNav li a:hover {
	background-color:#c6c;
}
</style>