html, body {height: 100%; margin: 0; padding: 0;}
#preloader{background: url(menuselection.png)}

body {
	color: white;
	text-align: left;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;}
	
div#body {background: url(ardesia.jpg) center 0; text-align: center;} /*il text-align è per IE5.5*/

div#board {padding: 0; margin: 0 auto; width: 1000px; text-align: left;}

div#content {
	float: right;
	display: inline;
	width: 790px;
	padding-top: 10px;}

h1 {
	margin: 0;
	background: url(topbar.jpg) repeat-x center bottom;
	height: 125px;
	
	color: transparent;
	font-size: 0;
	text-align: center;}
	
h1 span {
	background: url(title.png) no-repeat center;
	width: 703px;
	height: 125px;
	display: block;
	margin: auto;}
	
/* Menu */
ul#menu {
	float: left;
	width: 200px;
	padding-top: 15px;
	margin: 0;
	background: url(menubar.png) no-repeat right 12px;
		
	/*color: transparent;*/
	/*font-size: 0;*/}
	
ul#menu, ul#menu ul {
	list-style-type: none;
	text-indent: 0;
	padding-left: 0;
	margin-left: 0;}
ul#menu a {display: block;}

ul#menu > li {margin-bottom: 7px;} /*separazione tra un gruppo di elementi e l'altro*/
ul#menu ul li {padding-bottom:5px} /*spazio tra un'elemento del menu e l'altro*/
ul#menu li {margin-left: 10px;} /*indentazione del menu*/
ul#menu span {display: none;} /*nasconde il testo a favore delle immagini del menu*/

ul#menu > li#home:hover, ul#menu > li#downloads:hover { /*elementi principali del menu*/
	background: url(menuselection.png) no-repeat 4px 20px;}
	
ul#menu ul li:hover { /*elementi secondari del menu*/
	background: url(menuselection.png) no-repeat 4px 12px;}
	
ul#menu > li#home{ /*preload invisibile*/
	background: url(menuselection.png) no-repeat -100px -100px;}

li#home	a		{background: url(menu/home.png) no-repeat;width: 130px;height: 30px;}
li#scuola		{background: url(menu/scuola.png) no-repeat;padding-top: 24px;}
li#studenti		{background: url(menu/studenti.png) no-repeat;padding-top: 24px;}
li#docenti		{background: url(menu/docenti.png) no-repeat;padding-top: 24px;}
li#downloads a	{background: url(menu/downloads.png) no-repeat;width: 169px;height: 30px;}

a#chisiamo		{background: url(menu/chisiamo.png) no-repeat;width: 79px;height: 17px;}
a#dovesiamo		{background: url(menu/dovesiamo.png) no-repeat;width: 91px;height: 17px;}
a#offerta		{background: url(menu/offerta.png) no-repeat;width: 155px;height: 17px;}
a#calendario	{background: url(menu/calendario.png) no-repeat;width: 160px;height: 17px;}
a#percorsi		{background: url(menu/percorsi.png) no-repeat;width: 160px;height: 17px;}
a#libri			{background: url(menu/libri.png) no-repeat;width: 106px;height: 17px;}
a#creditidebiti	{background: url(menu/creditidebiti.png) no-repeat;width: 123px;height: 18px;}
a#criterivalutazione	{background: url(menu/criterivalutazione.png) no-repeat;width: 154px;height: 18px;}
a#circolari		{background: url(menu/circolari.png) no-repeat;width: 72px;height: 17px;}
a#regolamento	{background: url(menu/regolamento.png) no-repeat;width: 109px;height: 22px;}
a#elenco		{background: url(menu/elenco.png) no-repeat;width: 55px;height: 18px;}
a#coordinatori	{background: url(menu/coordinatori.png) no-repeat;width: 105px;height: 17px;}
a#funzionistrum	{background: url(menu/funzionistrum.png) no-repeat;width: 149px;height: 18px;}
a#commissioni	{background: url(menu/commissioni.png) no-repeat;width: 101px;height: 17px;}
/* End Menu*/

div#footer {
	clear: both;
	height: 97px;
	background: url(footer.jpg) repeat-x center;
	text-align: center;
	line-height: 50px;}
	
div#footer div {width: 1000px; margin: auto;}

div#footer a{display: inline-block;}
div#footer a span {display: none; font-size: 0;}
div#footer a#email {
	background: url(email.png) no-repeat;
	width: 227px;
	height: 54px;
	top:8px;
	position: relative;
	float: left;
	margin-left: 100px;}

div#footer a#webmaster {
	background: url(gessi.png) no-repeat center;
	width: 155px;
	height: 37px;
	top:12px;
	position: relative;
	float: right;}