#menu {
	z-index:20;
	position: absolute;
	text-indent:0.7em;
	top: 172px;
	font-size:1.2em;
	font-weight:normal;
	line-height:16px;
	}
menu li ul{
list-style-type: none;
	}

/*all about the main menu text and background*/
.menu li.menuLine a{
    text-align:left;
	color: #cae1fc;
	display:block;
    text-decoration:none;
	font-weight: normal;
	width:11em;
    }
.menu li.menuLine a:hover{
	color: #CAE1FC;
    }

/*position of the submenu*/
.menu li ul{
	margin-left:9.5em; /* be careful */
    margin-top:-1.3em;
	visibility:hidden;
	}
/*all about the submenus*/
.menu ul.smenu a{
    text-align:left;
	text-indent:5px;
	border-left:1px solid #A1C8E1;
	border-right:1px solid #A1C8E1;
	border-top:1px solid #A1C8E1;
	background: #6F96AF;
    color: #CAE1FC;
	font-size:1.0em;
	font-weight:normal;
	text-decoration: none;
	display: block;
	width:14em;
    }
/*all about the subsubmenu (a little less width...)*/)
/*when we are on a line of the menu*/

.menu a:focus{
    color:  #6F96AF;
	background: #6F96AF;
	}
.menu a:hover{
	color:  #6F96AF;
	background:#CAE1FC;
	}
/*when we are on a line of the submenu*/
.menu ul.smenu a:hover {
	color:#3f5563;
	background:#D3EDBF;
	border-left:1px solid #A1C8E1;
	border-right:1px solid #A1C8E1;
	border-top:1px solid #A1C8E1;
	border-bottom:none;
	}
/* for a mozilla better display with key nav */

/*the rest is important but don't touch it :-)*/
.menu ul {
    margin:0;
    padding:0;
    position:absolute; /* important */
	
    }
.menu li{
list-style:none;
}
.menu span{
    /* hide some accessibility stuff */
    display:none;
    }