/*
	LEVEL ONE
*/
ul.mainnavigation                         { padding-left: 1.6em; margin: 0; background-image: url("../../../img/navigationbarblue_tile.gif"); background-repeat: repeat-x;
											position: relative; list-style-type: none; height: 1.8em;  border-bottom: 1px solid gray; text-align: left;}

ul.mainnavigation li                      { float: left; zoom: 1; background: transparent; }

/*ul.mainnavigation a:hover		          { color: #000; }*/
/*ul.mainnavigation a:active                { color: #ffa500; }*/
ul.mainnavigation li a                    { cursor: default; display: block; line-height: 1.9em;  padding-left: 0.5em; padding-right: 0.5em; color: black; text-decoration: none; }
/*ul.mainnavigation li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.mainnavigation li.hover,
ul.mainnavigation li:hover                { background: #9eb7c4; color: white; position: relative; }
ul.mainnavigation li.hover a              { color: white; }


/*
	LEVEL TWO
*/
ul.mainnavigation ul 						{ padding: 0; border: 0; margin: 0; list-style-type: none;  display: block; width: 12.5em; visibility: hidden; position: absolute; top: 100%; left: 0em; }
ul.mainnavigation ul li 					{ font-weight: normal; background-color: white; color: #black !important; float: none; opacity: 0.9;}
/* do not use filter: alpha! it breaks the subsubmenu in ie6 and ie7!
			mainnavigation ul li 					{ font-weight: normal; background-color: white; color: black !important; float: none; opacity: 0.9; filter: alpha(opacity=90); }*/
ul.mainnavigation ul li a					{ color: black !important; }
ul.mainnavigation ul li a:hover,
ul.mainnavigation ul li.hover a				{ color: white;}

ul.mainnavigation ul li.hover a.notactive,
ul.mainnavigation ul li a.notactive,		
ul.mainnavigation ul li a.notactive:hover	{ color: gray !important; background-color: white !important; width: 11.5em;}

/* IE 6 & 7 Needs Inline Block */
ul.mainnavigation ul li a					{ color: black; border-right: none; width: 100%; display: inline-block; }

/*
	LEVEL THREE
*/
ul.mainnavigation ul ul 					{ left: 100%; top: 0; }
ul.mainnavigation li:hover > ul 			{ visibility: visible !important; }

ul.mainnavigation ul {
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	-webkit-box-shadow: 0.3em 0.3em 0.2em #999999;
	-webkit-border-bottom-right-radius: 0.2em;
	-webkit-border-bottom-left-radius: 0.2em;
}


ul.mainnavigation a.notimplemented {color: gray !important;}
ul.mainnavigation li.spacer { border-bottom: 1px solid #efefef; line-height: 0px; font-size: 0px; width:100%; }

ul.mainnavigation li.last {
	float: right;
	line-height: 1.9em;
	padding-right: 1.6em;
	margin-right: 1.6em;
	padding-left: 1.6em;
}