/*
	CSS for a menu widget :)
*/
 ul.navigation-1 { 
	/*margin:0; 
	padding:0; 
	list-style:none; 
	width:100%;
	height:24px; 
	font:normal 8pt verdana, arial, helvetica;
	width:auto;
	z-index:20000;
	position:relative;	*//* very essential becoz the ie 6.0 z-index bug */ 
	
	float:right;
	padding:40px 0 0;
	width:634px;
	z-index:20000;
	position:relative;
}

ul.navigation-1 li {
	position:relative;	/*for sub menus to snap*/
	width:auto;
	display:inline;
	float:right;
	margin-left:30px;
}

ul.navigation-1 li a{ 
	color:#117EB6;
	font-weight:bold;
/*	display:block; */
	text-decoration:none; 
	width:auto; 
	height:100%;
}

/* First level menu styles*/	
ul.navigation-1 li ul.navigation-2 { 
	margin:0; 
	padding:0; 
	list-style:none; 
	display:none; 
	background:#dfe9f1;
	width:200px; /* auto can cause err in ie 7.0 */
	position:absolute; 
	top:12px; 
	left:0px; 
	z-index: 100;
	
}

ul.navigation-1 li.lastitem ul.navigation-2 { 
	left:-137px;
}

ul.navigation-1 li.secondlastitem ul.navigation-2 { 
	left:-30px;
}

ul.navigation-1 li ul.navigation-2 li { 
	margin:0;
	padding:0;
	width:100%;
}


ul.navigation-1 li ul.navigation-2 li a, ul.navigation-1 li ul.navigation-2 li a { 
	padding:5px;
	width:auto; 
	height:100%;	/*strange behaviour in ie 6.0 if u give auto*/
	border:none;	/*otherwise inherits*/ 
	position:relative;
	text-align:left;
	display:block;
}

ul.navigation-1 li ul.navigation-2 li a{
	font-weight: normal;
	color:#7C93A9;
}

ul.navigation-1 li ul.navigation-2 li a:hover { 
	text-decoration:underline;
}

/* Second level Menus */
ul.navigation-1 li ul.navigation-2 li ul.navigation-3 { 
	display:none; 
	margin:0; 
	padding:0; 
	list-style:none; 
	position:absolute; 
	left:200px; 
	top:0;
	width:auto; 
	
}

ul.navigation-1 li.lastitem ul.navigation-2 li ul.navigation-3 { 
	left:-200px;
	width:200px;
	overflow:hidden; /* my amazing discovery :p */
} 

ul.navigation-1 li.secondlastitem ul.navigation-2 li ul.navigation-3 { 
	left:-200px;
	width:200px;
	overflow:hidden; /* my amazing discovery :p */
}

ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li {
	width:auto;
	
}


ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a{ 
	background:#eef2f3;
	height:100%;
	text-align:left;
	width:200px;		/*essential for ie 6.0*/
	/*border property is being inherited*/
}

ul.navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover{ 
	/*background:#900;*//*#ff6600;*/
}

ul.navigation-1 li ul.navigation-2 li a span { 
	position:absolute; 
	top:0; 
	left:132px; 
	font-size:12pt; 
	color:#fe676f; 
}

ul.navigation-1 li ul.navigation-2 li:hover a span, ul.navigation-1 li ul.navigation-2 li a:hover span { 
	position:absolute; 
	top:0; 
	left:132px; 
	font-size:12pt; 
	color:#ffffff; 
}