/* CSS for a menu widget :) */

ul#navigation-1 { 
	margin:0; 
	padding:0; 
	list-style:none; 
	width:100%;
	height:32px; 
	font:normal 8pt verdana, arial, helvetica;
	width:auto;
	z-index:2000;
	position:relative;	/* very essential becoz the ie 6.0 z-index bug */ 
}

ul#navigation-1 li {
	margin:0; 
	padding:0; 
	float:left; 
	position:relative;	/*for sub menus to snap*/
	width:auto;
	height:auto;
	display:inline;
}

ul#navigation-1 li a:link, ul#navigation-1 li a:visited { 
	display:block;
	color:#fff;
	min-width:80px;
	width: auto !important;
	width: 80px;
	text-align:center;
	line-height:32px;
	cursor:pointer;
	margin:0;
	padding:0 5px;
	text-decoration:none;
	border-right:1px solid #ccc;
}
	
	
/*ul#navigation-1 li:hover>a {
	background:#700;
}*/

/*ul#navigation-1 li a:hover, ul#navigation-1 li a:active {
	background:#555;
}*/

/*ul#navigation-1 li:hover a {
	background:#ec454e;
	border-left:1px solid #ffffff; 
	border-right:1px solid #ffffff; 
	}*/


/* First level menu styles*/	
ul#navigation-1 li ul.navigation-2 { 
	margin:0; 
	padding:0; 
	list-style:none; 
	display:none; 
	background:#ffffff; 
	width:180px; /* auto can cause err in ie 7.0 */
	position:absolute; 
	top:32px; 
	left:0px;
/*	border:1px solid #999;
	border-top:none;*/
}

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


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;
	line-height:32px;
	border-top:1px solid #ccc;
}

/*ul#navigation-1 li ul.navigation-2 li:hover>a	/*wont work in ie 6.0 so we implement this via js as well
{	
	background:#900;
}

ul#navigation-1 li ul.navigation-2 li a:active, ul#navigation-1 li ul.navigation-2 li a:hover { 
	background:#900;
}
*/
/* 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:237px; 
	top:-1px;
	width:auto; 
	border:1px solid #FF1A1A;
}

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:link, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited { 
	background:#D52D00;
	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, ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active { 
	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; 
}