ul#nav {	/* the structure of our head-menu */
	list-style: none;
	float:right;
	background-image:url(../images/topNavigationBgCorner.png);
	background-repeat:no-repeat;
	height: 39px;
	width: inherit;
	margin: auto;
	padding-left: 10px;
}    

li {	/* the structure of the first items */
	float: left;
	position: relative;
	width: inherit;
} 

ul#nav li a {	/* the links inside our first items */
	display: block;
	background-image:url(../images/topNavigationBg.png);
	background-repeat: repeat;	
	background-position: right;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 39px;
	text-decoration: none;
	font-family:"Trebuchet MS", Helvetica, Tahoma, Georgia, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color:#FFF;
} 

ul#nav li a:hover {	/* the roll-over styles for the links in our first items */
	bgcolor:#646764;
	background-image: url(../images/topNavigationBgActive.png);
	background-repeat:repeat;
	color: #FFF;
	} 

ul#nav li ul {	/* first items > submenu structure */
	list-style:none;
}


li ul {	/* the structure of our submenu items */
	display: none;
	position: absolute;
	width:150px;
	top: 0;
	left: 0;
	margin-left:-40px;
} 

li>ul {	/* extra styles for Internet Explorer (behavior file) */
	top: auto;
	left: auto;
} 

li:hover ul, li.over ul {	/* to make things work in Internet Explorer (call for the behavior file) */
	display: block;
} 

ul#nav li.current{	/* your styles */
	background-image: url(../images/topNavigationBgActive.png);
	background-repeat:repeat;
	color: #FFF;
}