/*
	Copyright (c) 2006 - Alessio Pierobon (aka Sark)
	per Liceo Scientifico Statale Keplero

*/

/* CSS Popout Menu
****************************/
div#menu {
	position:relative;
	width:100%;
	float:left;
	background-color:#ffcc00;
}

div#indirizzi {
	position:relative;
	width:870px;
	float:left;
	background-color:#1f446d;
	text-align:center;
	padding:0.5em; 
	color:#FFFFFF;
	font-size:10px;
}
#menu a, 
#menu h2{
	font:bold 11px/16px arial,helvetica,sans-serif;
	display:block;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #888 #555 #bbb;
	border-color:#002448;
	white-space:nowrap;
	padding:1px 0 1px 3px;
}

#menu h2{
	color:#fff;
	/*background:#69c url(/css/images/expand3.gif) no-repeat 100% 100%;*/
	text-transform:uppercase;
}

#menu a{
	background:#fff;
	text-decoration:none;
}

#menu a, 
#menu a:visited{
	color:#000;
}

#menu a:hover{
	color:#000;
	background:#ddd;
}

#menu a:active{
	color:#060;
	background:#ccc;
}

#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	width:11em;
}

#menu li{
	position:relative;
}

#menu ul ul{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
}

#menu ul ul ul{
	top:0;
	left:100%;
}

#homeid {
	text-transform: uppercase;
	color:#fff;
}

#homeid a {
	background-color:#ffcc00;
	color:#fff;
}

#homeid a:hover {
	background-color:#000000;
	color:#fff;
}

#homeid a:visited {
	color:#fff;
}

/* Inizio Non-anchor hover selectors
****************************/
div#menu h2:hover{
	background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}

div#menu li:hover{
	cursor:pointer;
	z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul {
	display:none;
}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul {
	display:block;
}

/****************************
Fine non-anchor hover selectors */


/* Styling for Expand
****************************/
#menu a.x, 
#menu a.x:visited {
	font-weight:bold;
	color:#000;
	background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover	{
	color:#a00;
	background:#ddd;
}

#menu a.x:active{
	color:#060;
	background:#ccc;
}

/****************************
Fine CSS Popout Menu  */