/* common styling */

.mymenu {
	font-family:	arial, sans-serif;
	width:		155px;
	position:	relative;
	margin:		0;
	font-size:	12px;
	margin:		0px 0px;
}
/* Menu principale */
.mymenu ul li a, .mymenu ul li a:visited {
	display:	block;
	text-decoration:none;
	color:		rgb(98,125,165);
	width:		159px; /* Larghezza totale menu (contenuti in td#leftcolumn definita in main.css) */
	margin-left:	-8px;  /* il colore dello sfondo è #efeff7 Il DIV contenitore ha 10px di padding; per annullarli a sx qui ne metto -10 */
	height:		20px;
	text-align:	right;
        padding-right:  10px;
	border:		1px solid rgb(214,212,231);
	background:	#efeff7;
	border-width:	1px 1px 1px 1px;
	line-height:	22px;
	font-size:	12px;
	letter-spacing:	1px;
}
.mymenu ul {padding:0; margin:0;list-style: none; }
.mymenu ul li {float:left; margin-right:1px; position:relative;}
.mymenu ul li ul {display: none;}

/* specific to non IE browsers 185, 192, 200 */
.mymenu ul li:hover a {
	color:		rgb(255,255,255);
	background:	rgb(98,125,165);
}
.mymenu ul li:hover ul {
	display:block; position:absolute;z-index:999;
	top:		5px;
	left:		164px;	/* Larghezza totale menu (contenuti in td#leftcolumn definita in main.css) */
	width:		120px;
}
.mymenu ul li:hover ul li a.hide {
	background: rgb(185, 192, 200);
	color:		rgb(37, 47, 62);
	padding-left: 10px;
}

/* Submenu. Cosa deve fare quando ci passa sopra il mouse (98,125,165)blu menu */
.mymenu ul li:hover ul li:hover a.hide {
        color: rgb(255, 255, 255); /* Diventa bianco */
        background: rgb(98,125,165); /* Su sfondo azzurrino */
}

/* Submenu. Cosa deve fare quando il mouse e' sul menu padre 37, 47, 62 */
.mymenu ul li:hover ul li a {
	display: block;
	width: 135px;
	text-align: left;
        background:  rgb(214, 221, 231);
        color: rgb(37, 47, 62);
}
.mymenu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}

.mymenu ul li:hover ul li ul {display: none;}
.mymenu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.mymenu ul li:hover ul li:hover ul li a {display:block; width:160px; background:#dfc184; color:#000;}
.mymenu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}