/**
 * Sheet Style Menu Drop down for Jquery.
 * Compatible with Internet Explorer, Firefox, Safari, Opera and Chrome.
 * @author: Pablo Diego - pablodc@gmail.com
 * @date: 14/01/2009
 */


#navigation {
	font-size: 8pt;
	letter-spacing: 1px;
	background: #264466 url(../../../../images/navigation_state_normal-hover.jpg) repeat-x scroll 0 0;
	height: 33px;
	z-index: 20;
	display:block;
	position:absolute;
	width:100%;
	margin: 0 0 33px 0;
	z-index: 2000;
}
#navigation img{
	float:left;
}
#navigation .square{
	background: transparent url(../../../../images/arrow-square.gif) no-repeat scroll 0 0;
	display:block;
	float:left;
	height: 7px;
	margin: 4px 0 0 -10px;
	width:4px;
}
#navigation .vertical-line{
	background: transparent url(../../../../images/vertical-separator.png) no-repeat scroll 0 8px;
	display:block;
	/*float:right;;*/
	height: 33px;
	margin: 0;
	width:2px;
	list-style:none;
	/*margin:-24px 0 0 0;
	margin: 0;*/
	padding: 0;	
	float:left;
	position:relative;
}
#navigation ul {
	list-style:none;
	margin:0;
	padding:0;
}
#navigation ul li{
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	text-align:center;
}
#navigation ul li a{
	/*background-color:#EFEFEF;
	color:#000;
	display:block;
	margin:0px;
	padding:10px;
	text-decoration:none;*/
	font-weight: bold;
	display:block;
	padding: 10px 0 9px 0;
	/*margin:0 0 0 2px;
	padding:10px 4px 9px;	
	height:100%;
	height: 25px;*/
	color:#FFF;
	text-decoration:none;
	/*min-width:154px;*/
	width:166px;
	background: #264466 url(../../../../images/navigation_long.png) no-repeat right top;
	z-index: 20;
}
#navigation .last{
	/*background: #264466 url(../../../../images/navigation_long.png) no-repeat left top;*/
	font-weight: bold;
	display:block;
	padding: 10px 0 9px 0;
	color:#FFF;
	text-decoration:none;
	width:167px;
	z-index: 20;
}
#navigation #hidelast {
        margin: 0;
        padding:0;
}
#navigation #hidelast li a:hover{
        padding:8px 8px 8px 22px;
}
#navigation ul li a:hover, #navigation ul li a:focus, #navigation ul li a:active{
	background: transparent url(../../../../images/navigation_long.png) repeat-x scroll 0 -132px ;
	/*background-color:#000e2b;
	color:#FFF;
	background-color:#376394;*/
	color:#FFF;
	z-index: 20;
	display:block;
}
#navigation ul li ul{
	background: transparent url(../../../../images/navigation-drop_down_transparent.png) repeat scroll 0 0 ;
	position:absolute;
	display:none;
	/*padding: 0 0 12px 0; Why to make it beautiful when some want it bad*/
	padding: 0;
        width: 163px;
}

#navigation ul li ul li a{
	background: none ;
	/*border-bottom: 1px solid #001730;*/
	clear:left;
	display:block;
	font-size: 8pt;
	font-weight: normal;
	padding: 8px 5px 8px 22px;
	text-align:left;
	z-index: 20;
	text-decoration:none;
	/*min-width:136px;*/
	width:130px;
}

#navigation ul li ul li a:hover{
	background: none;
	background-color:#376394;
	width:136px;
}

#navigation ul li ul li ul{
	clear:left;
	display:none;
	left:163px;

	/* Bengin CSS-HACK, for Microsoft Internet Explorer */
	/*_left:120px;*/
	/* End CSS-HACK */

	position:absolute;
	top:0px;
}