
/* ----- COMMON -----*/
	
.menu {
	width:780px;
	position:relative; 
	z-index:100;
	border:0;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 1.3em;}
	
	
.menu li {
	float:left;
	position:relative;}


.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;}

.menu ul :hover ul ul{visibility:hidden;}

.menu ul :hover ul :hover ul{visibility:visible;}
	
	
.nolink {
	cursor: default}

	
	
/* ----- TOP LEVEL ----- */
	
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;}


	.menu ul a:link, .menu ul a:visited {
		display:block;
		text-decoration:none; 
		color:#003366;
		border:0; 
		padding: 8px 15px 9px 15px;}

	.menu ul a:hover{
		color:#5D6F7B;
		background: #FFFFFF;}
		
	.menu :hover > a, .menu ul :hover > a {
		color:#003366;
		background: #FFFFFF;}



/* ----- SECOND LEVEL ----- */

.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:32px;
	left:0; 
	border:0;
	width: 200px;
	background: url(gfx/menu-bg.png) bottom right no-repeat;
	padding: 0 10px 10px 0;
	height: auto;}

	.menu ul li ul li {
		width: 200px;
		background: #FFFFFF;
		border-top: 1px solid #DcDcDc;}


	.menu ul ul a:link, .menu ul ul a:visited {
		color:#003366; 
		height:auto; 
		line-height:1.3em; 
		padding: 8px 15px 9px 15px;
		border:0;}

	.menu ul ul a:hover{
		color:#FFFFFF;
		background: #5D6F7B;}
		
	.menu :hover > a, .menu ul ul :hover > a {
		color:#FFFFFF;
		background: #5D6F7B;}



/* ----- THIRD LEVEL ----- */

.menu ul ul ul{
	visibility:hidden;
	position:absolute;
	height:0;
	top:-1px;
	left:200px; 
	border:0;
	width: 200px;
	background: url(gfx/menu-bg.png) bottom right no-repeat;
	padding: 0 10px 10px 0;
	height: auto;}

	.menu ul li ul li ul li{
		width: 200px;
		background: #FFFFFF;
		border-top: 1px solid #DcDcDc;}


	.menu ul ul ul a:link, .menu ul ul ul a:visited {
		color:#003366; 
		height:auto; 
		line-height:1.3em; 
		padding: 8px 15px 9px 15px;
		border:0;}

	.menu ul ul ul a:hover{
		color:#FFFFFF;
		background: #5D6F7B;}
		
	.menu :hover > a, .menu ul ul ul :hover > a {
		color:#FFFFFF;
		background: #5D6F7B;}