.navigation
{
	height				: 	3.6em;
	clear				: 	both;
	background			:	#5a5a5a url('/images/navigation_bg.png') 0 2px repeat-x;
	font-family			:   Verdana;
	padding-top: 2px;
}

ul.primary_navigation
{
	position			: 	relative; 
	padding				: 	0;
	margin				: 	0;
	list-style			:	none;
	z-index				:	100;	
	margin-left: 20px;	
}

ul.primary_navigation li
{
	position			: 	relative;
	float				: 	left;
	line-height 		:	2.5em;
	list-style			: 	none;
}

ul.primary_navigation li a:link,
ul.primary_navigation li a:visited
{
	height				: 	auto;
	width				: 	auto;
	display				: 	block;
	text-decoration		: 	none;
	text-align			: 	center;
	font-weight			:   bold;
	padding				:	0 0.8em;
}

ul.primary_navigation ul
{
	visibility			: 	hidden;
	position			:	absolute;
	top					:	auto;
	left				: 	0;
	margin				: 	0 0 0 1px;
	padding				:	0; /* possibly remove the 1px (i put here to remove 1px overlap over dropdown on primary level */
	width				: 	inherit;
	z-index				: 	9990;
}

ul.primary_navigation ul li
{
	float				: 	none ; /* don't remove this */
	margin				: 	0;
	white-space			:	nowrap;	
}

ul.primary_navigation ul li a:link,
ul.primary_navigation ul li a:visited
{
	width: auto;
	height: 1%;
	margin				: 	0;
	font-size			: 	12px;
	font-weight			: 	normal;
	border				:	0;
}

ul.primary_navigation ul a:link,
ul.primary_navigation ul a:visited
{
	display				: 	block;
	text-align			: 	left;
}

.navigation ul li
{
	line-height		: 2.9em;
}

.navigation ul li.additional
{
	line-height		: 2.9em;
	padding-top: 0.7em;
	padding-right: 20px;
	float: right;
	text-align: right;
}

.navigation ul li a:link,
.navigation ul li a:visited
{
	color: #fff;
	border: 0;
	background:	url('/images/navigation_bg.png') 0 0 repeat-x;
	padding-top: 0.7em;
}

.navigation ul li a.active-section {
	background: #aacf37;
	color: #fff;
}

.navigation ul li a:hover, .navigation ul li a:focus, .navigation ul li.active a {
	background: #aacf37;
	color: #fff;
	outline: none;
}

.navigation ul li:hover ul li a:hover
{
	background: #aacf37;
	color: #fff;
	outline: none;
}

.navigation ul ul
{
	background: #aacf37;
	border-top: 0;
	left: -1px;
	top: auto;
}

.navigation ul ul li,
.navigation ul ul li a:link,
.navigation ul ul li a:visited
{
	margin-top: 0 !important;
	line-height: 2.3em;	
	padding-top: 0;
}

.navigation ul ul li a:link,
.navigation ul ul li a:visited
{
	background: #aacf37;
}

.navigation ul ul li a:hover,
.navigation ul ul li a:focus
{
	background: #aacf37;
	color: #fff;
	text-decoration: underline;
	outline: none;
}

.navigation ul ul ul
{
	position: absolute;
	left: 100%; 
	top: 0;
	z-index: 9999;
}

.navigation ul ul
{
	border-left: 0;
}

/* make the second level visible when hover on first level list OR link */
.navigation ul li:hover ul,
.navigation ul a:hover ul
{
	visibility:visible; 
}

.navigation ul ul ul.left
{
	left: -101px;
}

.navigation ul ul ul
{
	width: inherit;
}

:active:focus {
	outline: 0;
}

/* style the top level hover */
/* style the top level hover */

	div.navigation:hover > a, div.navigation ul :hover > a {color:#fff; background:#aacf37;}