/* CSS for a menu widget :) */

ul#navigation-1 
{
	list-style:none; 
	width:100%;
	height:32px;

	width:auto;
	z-index:2000;
	position:relative;	/* very essential becoz the ie 6.0 z-index bug */ 
	
	border-radius:2px;
	
	background:#ddd;
	
	box-shadow:
	inset 1px 1px 1px rgba(255, 255, 255, 0.5) ,
	1px 1px 5px rgba(0,0,0,0.7);
	border:1px solid #ccc;
		
	margin:10px 0 0 0;
	color:#000;
	
	text-shadow:1px 1px 1px rgba(255,255,255,0.3);
}

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:first-child , ul#navigation-1 li:first-child a
{
	border-radius:2px 0 0 2px;
}

ul#navigation-1 li a:link, ul#navigation-1 li a:visited { 
	display:block;
	color:#000;
	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:3px solid #C8C8C8;
}
	

/* 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;*/
	
	border-radius:2px;
	background:#ddd;
	
	box-shadow:
	inset 1px 1px 1px rgba(255, 255, 255, 0.5) ,
	1px 1px 5px rgba(0,0,0,0.7);
}

ul#navigation-1 li:hover ul.navigation-2 
{
	display:block;
}

ul#navigation-1 li ul.navigation-2 li 
{
	margin:0;
	padding:0;
	width:100%;
	
	border-bottom:2px solid #C8C8C8;
}

ul#navigation-1 li ul.navigation-2 li:first-child , ul#navigation-1 li ul.navigation-2 li:first-child a
{
	border-radius:2px 2px 0 0;
}

ul#navigation-1 li ul.navigation-2 li:last-child , ul#navigation-1 li ul.navigation-2 li:last-child a
{
	border-radius:0 0 2px 2px;
	border-bottom:none;
}


ul#navigation-1 li ul.navigation-2 li a 
{

	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;
	

}

ul#navigation-1 li ul.navigation-2 li:hover>a , 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:237px; 
	top:-1px;
	width:auto; 
	border:1px solid #FF1A1A;
}
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 
{
	display:block;
}
	

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; 
}