/****************************************************/
/*													*/
/*  			NAVIGATION ELEMENTS  				*/
/*				3 level navigation					*/
/*													*/
/*				Gerry & WIPO						*/
/*												*/
/*													*/
/*													*/
/****************************************************/

#navigation{
	background-image:url(../images/bg_menu_gris.gif);
	background-position:top left;
	background-repeat:repeat-x;
	float:left; display:block; 
	/*border:1px solid #F0F;*/
	height:30px; 
	width:100%;
	margin:5px 0px 5px 0px;
	padding:0px;
			
}
 



/****************************************************/
/* 				top navigation styles 				*/
/****************************************************/

div#navigation ul {
			float:left; 
			display:block;
			/*background-image:url(../images/bg_menus_grad_blue.gif);*/
			background-position:top left;
			background-repeat:repeat-x;
			margin:0px;
			padding: 0px ;
}

div#navigation li {
           	position: relative; 
            list-style: none; 
            margin: 0; 
            float: left;
			
			display:block;
			padding:0px 0px 0px 0px;
			border:1px solid #c6d9db;
			text-decoration:none; 
			font-weight:bold;
			color:#0b727d;

}

div#navigation ul.level1 li {
			float:left; display:block;
			background-image:url(../images/bg_menus_grad_blue.gif);
			background-position:top left;
			background-repeat:repeat-x;
			margin:3px 0 0 0;
			padding: 0 ;
}


div#navigation ul.level1 li ul.level2 li {
            font-size:0.90em;
           /* background: #8B9399;*/
            padding: 0px 0px 0px 0px;
            border: 0;
			
			float:left; display:block;
			background-image:url(../images/bg_menus_grad_blue.gif);
			background-position:top left;
			background-repeat:repeat-x;
			margin:0px 0 0 0;
}

div#navigation li a {
			display:block;
			padding:2px 10px 3px 10px;
			/*border:1px solid #c6d9db;*/
			text-decoration:none; 
			font-weight:bold;
			color:#0b727d;
}

div#navigation ul.level2 {
            position: absolute;
            width: 180px;
            display: none; 
            top: 21px;
            left: 0px; 
            right: 0px;
}


div#navigation ul.level3 {
            position: absolute;
            display: none;
            top: 0;
            left: 200px; /* level2 + padding */
}

div#navigation A {
			display:block;
			padding:2px 10px 3px 10px;
			border:1px solid #c6d9db;
			text-decoration:none; 
			font-weight:bold;
			color:#0b727d;
}
div#navigation A:hover { 
			border:1px solid #0b727d;
			color:#000;
			background-image:url(../images/bg_menus_grad_blue-over.gif);
			background-position:top left;
			background-repeat:repeat-x;
}

div#navigation ul.level1 li:hover, div#navigation ul.level1 li.sel {
            /*background-color: #8B9399;*/
}

div#navigation ul.level1 li ul.level2 li:hover, div#navigation ul.level1 li ul.level2 li.sel {
           /* background-color: #4D555B;*/
}

div#navigation ul.level1 li:hover ul.level2, div#navigation ul.level1 li ul.level2 li:hover ul.level3 {
            display: block;
}


div#navigation ul.level1 a { 
            width: auto;
            text-align: center; 
            font-weight: bold;
} 

div#navigation ul.level2 a { 
            width: 180px; 
            text-align: left;
            font-weight: normal;
} 

div#navigation ul.level2 li { 
            min-width: 180px;
} 

div#navigation>ul a {
            width: auto;
}


div#navigation li.selected A{ background-image:none; background-color:#0b727d;  }
div#navigation li.selected A { border:1px solid #FFF; color:#FFF; }