/*background style*/

html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:76%;
	color: #FFFFFF;
}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {
	position:absolute;
	width:100%;
	height:90%;
	top:120px;
	bottom: 100px;
	left:0;
	overflow:auto;
	z-index:2;
	
} 
#content {
	padding:20px 200px 20px 400px;
}
p {
	line-height:1.8em;
	letter-spacing:0.1em;
	text-align:justify;
	color: #FFFFFF;
	padding-left: 10px;	
}

a   {
	color: #660099;
	text-decoration: none;
	cursor: hand;
	}

#fixed {position:absolute; margin:22% 0 0 12%; width:150px; z-index:10; color:#567;  padding:10px;}



.menu {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 35px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 35px;
	background-repeat: no-repeat;
}

.submenu {
	margin: 0;
	padding: 0;
	width: 300px;
	list-style: none;
}
.submenu li {
	padding: 0;
	margin: 0;
	height: 35px;
	list-style: none;
	background-repeat: no-repeat;
}
.submenu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 35px;
	background-repeat: no-repeat;
}

.chisono {
	background-image: url(../images/chisono.png);
}
.chisono a {
	background-image: url(../images/chisonoover.png);
}
.ilmiometodo {
	background-image: url(../images/Ilmiometodo.png);
}
.ilmiometodo a {
	background-image: url(../images/Ilmiometodohover.png);
}
.corsi {
	background-image: url(../images/corsi.png);
}
.corsi a {
	background-image: url(../images/corsihover.png);
}
.seminari {
	background-image: url(../images/seminori.png);
}
.seminari a {
	background-image: url(../images/seminorihover.png);
}
.contatti {
	background-image: url(../images/contati.png);
}
.contatti a {
	background-image: url(../images/contatihover.png);
}
/* submenu */

#submenu {
  display: block;
}


.incontro {
	background-image: url(../images/ilmio.png);
}
.incontro a {
	background-image: url(../images/ilmiohover.png);
}
.insegnanti {
	background-image: url(../images/imiei.png);
}
.insegnanti a {
	background-image: url(../images/imieihover.png);
}
.leesibizioni  {
	background-image: url(../images/esibizioni.png);
}
.leesibizioni a {
	background-image: url(../images/esibizionihover.png);
}
.lelezioni   {
	background-image: url(../images/lezioni.png);
}
.lelezioni a {
	background-image: url(../images/lezionihover.png);
}
.obiettivi  {
	background-image: url(../images/obietivi.png);
}
.obiettivi a {
	background-image: url(../images/obietivihover.png);
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width:150px;

}

ul li {
	font: bold 11px/16px arial, helvetica, sans-serif;
	height:100%;
	position: relative;
	width:100%;
	}

ul li ul li{
	background:transparent;
	}

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

ul li a{
	display:block;
	padding: 2px 3px;
	}

ul li a:hover {
	color: #a00;
	background: transparent;
}

ul li ul li a:hover{
	background: transparent;
}

ul ul {
	position: absolute;
	top: 0;
	display:none;
}

ul li:hover ul{
	display: block;
	left:150px;
}
.thumbnail{
	padding: 1px 1px 1px 1px;
	float: none;
	}	

.tab{
	float: left;
	height: 64px;
	width: 100%;
	margin: 15px 10px;
	text-align: center;
	background: #ce995d;
	border: 3px solid #fff;
	padding: 0;
}

.tab a {
	color: #7f4e00 !important;
	text-decoration: none !important;
	font: bold 11px Verdana !important;
}
.tab a:hover {
	color: #FFCC66 !important;
	text-decoration: none !important;
	font: bold 11px Verdana !important;
}
#font-family {
	margin:0;
	padding:0;
}

#tabspacer {
	height: 2px;
	width: 100%;
	margin: 15px 15px;
	padding: 0;
	background-color: #FFFFFF;
}
/* Tabbed Stuff Ends */

img, div, a, input { behavior: url(iepngfix.html) }