/*
	CSS for a menu widget :)
*/
ul.navigation-1 { 
	margin:0; 
	padding:0; 
	list-style:none; 
	width:100%;
	height:26px; 
	font:normal 7pt verdana, arial, helvetica;
	width:auto;
	z-index:2000;
	position:relative;	/* very essential becoz the ie 6.0 z-index bug */ 
	background:#D52D00;
}

ul.navigation-1 li {
	margin:0; 
	padding:0; 
	float:left; 
	position:relative;	/*for sub menus to snap*/
	/*width:237px;*/
	width:180px;
	line-height:16px;
	background:#D52D00; 
	display:inline;
	border-right:1px solid #B12B00;
}

ul.navigation-1 li a:link, ul.navigation-1 li a:visited { 
	padding:4px 0;
	display:block; 
	font-weight:bold;
	font-size:11px;
	text-align:center; 
	text-decoration:none; 
	color:#ffffff; 
	width:auto; 
	height:100%;
}
	
	
ul.navigation-1 li:hover>a {
	background:#700;
}

ul.navigation-1 li a:hover, ul.navigation-1 li a:active {
	background:#700;
}

/*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:100%; /* auto can cause err in ie 7.0 */
	position:absolute; 
	top:24px; 
	left:0px; 
	
	box-shadow: 3px 3px 5px #888;
	-moz-box-shadow: 3px 3px 5px #888;
}

ul.navigation-1 li ul.navigation-2 li { 
	margin:0;
	padding:0;
	width:100%;
	background:#D52D00; 
	border:none; /*prevent inheritance*/
}


ul.navigation-1 li ul.navigation-2 li a:link, ul.navigation-1 li ul.navigation-2 li a:visited , 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*/ 
	border-bottom:1px solid #FF1A1A;
	position:relative;
	text-align:left;
	display:block;
}

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 span { 
	float:right;
	font-size:12pt; 
	color:#ffffff;
}
/*
ul.navigation-1 li ul.navigation-2 li:hover a span, ul.navigation-1 li ul.navigation-2 li a:hover span { 
	
	font-size:12pt; 
	color:#ffffff; 
}
*/

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:180px; 
	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;*/
}