/* Arix@you 2007 */


/* ---------------- main elements ---------------- */

*{
	margin:0;
	padding:0
	}
	
body{
	margin:0;
	padding:0;
	background:#f7941d url(../img/back.gif) repeat 0 896px;
	font-family:"Lucida Sans unicode",lucida,arial,Tahoma,sans-serif,serif;
	font-size:80%;
	text-align:center;
	color:#3F3F3F;
	}
	
acronym,dfn,abbr{
	text-decoration:none;
	padding-bottom:2px;
	cursor:help
	}

img{
	border:0
	}
	
hr {
  clear: left;
  width:98%;
  border: none 0;
  border-top: 1px dashed #ccc;
  height: 1px;
  margin: 8px 0 !important;
  margin: 2px 0;
}
/* ---------------- structural elements ---------------- */

#top{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	background:transparent url(../img/top.jpg) repeat-x;
	height:896px;
	z-index:1
	}

#outerCenter{
	position:relative;
	padding:0;
	text-align:left;
	border:0;
	width:770px;
	margin:0 auto 0 auto;
	background:transparent url(../img/content.gif) repeat-y;
	z-index:2
	} 

#innerCenter{
	margin:0;
	padding:0;
	border:0;
	line-height:1.1;
	background:transparent
	}
		
#header{
	margin:0;
	padding:0;
	background:transparent url(../img/scallywagproductions.jpg) no-repeat;
	height:161px
	}

#topShadow{
	margin:0;
	padding:7px 0 0 0;
	background:transparent url(../img/top_shadow.gif) no-repeat
	}

#margFix{
	margin:0;
	padding:0;
	width:3px;
	float:left;
	height:10px;
	display:block;
	background:transparent
	}

#leftcol{
	margin:0;
	padding:0;
	width:199px;
	float:left;
	background:transparent
	}

#content{
	margin:0;
	padding:0;
	float:left;
	background:transparent;
	width:568px
	}

#flash {
	margin: 5px 0 0 10px;
}

#manage {
	text-align: right;
	margin: 10px;
}

#topage {
	text-align: right;
	margin: 10px;
}

#head{
	margin:0 12px 0 10px;
	padding:12px 0 0px 12px;
	background:#fff url(../img/h1_back.gif) repeat-x bottom;
	height:24px;
	}
	
html>body #head{
	height:24px
	}

.padFix{
	padding:4px 0 6px 18px;
	margin:0 12px 0 10px;
	background:transparent url(../img/content_top_shadow.gif) repeat-x top
	}
	
#footer{
	height: 50px;
	margin:0;
	border:0;
	padding:0;
	text-align:center;
	background:#f68a19 url(../img/footer.gif) no-repeat;
	clear:both;
	}
	
#footer a{
	color:#FCCA84;
	text-decoration:underline
	}
	
#footer a:hover{
	color:#FFD121
	}
	
#footer p {
	padding:20px 20px 20px 200px;
	font-size:80%;
	color:#FCCA84;
	line-height:1.4em
	}
	
/* menu */

#menu{
	margin:2px 0 0 0;
	padding:0;
	width:198px;
	background-color:transparent;
	float:left
	}
	
#menu ul{
	list-style-type:none;
	margin:0;
	padding:0
	}
	
#menu li{
	list-style-type:none;
	margin:0;
	padding:0
	}
	
#menu li a {
	display:block;
	background:transparent url(../img/menu.gif) no-repeat;
	color:#FFF9DC;
	font-size:90%;
	font-weight:normal;
	text-decoration:none;
	padding:0 0 0 0px;
	margin:0;
	height:43px;
	width:198px
	}
	
#menu li a:hover{
	background-position:0 -43px;
	color:#000
	}
	
#menu li a.navthis{
	background-position:0 -43px;
	color:#FFEF9D;
	font-weight:bold
	}
	
#menu li a.navthis:hover{
	color:#000;
	font-weight:normal
	}

#menu li a span{
	display:block;
	padding:12px 0 0 50px
	}
	
#menu li a#home{
	background:transparent url(../img/nav/home.gif) no-repeat
	}
	
#menu li a#home:hover,#menu li a#home.navthis{
	background-position:0 -43px
	}
	
#menu li a#chisiamo{
	background:transparent url(../img/nav/chisiamo.gif) no-repeat
	}

#menu li a#chisiamo:hover,#menu li a#chisiamo.navthis{
	background-position:0 -43px
	}
	
#menu li a#pof{
	background:transparent url(../img/nav/pof.gif) no-repeat
	}
	
#menu li a#pof:hover,#menu li a#pof.navthis{
	background-position:0 -43px
	}
	
#menu li a#alunni{
	background:transparent url(../img/nav/alunni.gif) no-repeat
	}
	
#menu li a#alunni:hover,#menu li a#alunni.navthis{
	background-position:0 -43px
	}
	
#menu li a#docenti{
	background:transparent url(../img/nav/docenti.gif) no-repeat
	}
	
#menu li a#docenti:hover,#menu li a#docenti.navthis{
	background-position:0 -43px
	}
	
#menu li a#segreteria{
	background:transparent url(../img/nav/segreteria.gif) no-repeat
	}
	
#menu li a#segreteria:hover,#menu li a#segreteria.navthis{
	background-position:0 -43px
	}
	
#menu li a#contattaci{
	background:transparent url(../img/nav/contattaci.gif) no-repeat
	}
	
#menu li a#contattaci:hover,#menu li a#contattaci.navthis{
	background-position:0 -43px
	}

#menu li a#news{
	background:transparent url(../img/nav/news.gif) no-repeat
	}
	
#menu li a#news:hover,#menu li a#news.navthis{
	background-position:0 -43px
	}
	
#menu li a#link{
	background:transparent url(../img/nav/link.gif) no-repeat
	}
	
#menu li a#link:hover,#menu li a#link.navthis{
	background-position:0 -43px
	}
	
	 ul#menu li ul li a {
	 	width: 170px;
		background:url(../img/ticks.gif) no-repeat 4% 50%;
		padding: 0 0 0 24px;
		font-weight: normal;
		color: #FFEF9D;
		margin:0;
		text-decoration: none;
		height:15px;
		line-height:15px;
		}

	 ul#menu li ul {
			margin: 10px 0;
		}

/* ---------------- texts ---------------- */

h1,h2{
	font-weight:normal;
	letter-spacing:-1px
	}

h1{
	margin:0.8em 0 0 0;
	color:#565656;
	font-size:140%;
	font-weight:normal
	}
	
#header h1{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	font-size:1px
	}
	
h2{
	margin:18px 0;
	color:#F58A18;
	font-size:110%;
	font-weight:normal
	}
	
h3{
	margin:18px 0;
	color:#000;
	font-size:145%;
	font-weight:normal
	}

p{
	font-size:90%;
	line-height:2em;
	color:#3F3F3F;
	margin:1em 0 0 0
	} 

#content p{
	margin-right:14px
	}
	
	
/* ---------------- hypertext ---------------- */

a {
	font-weight:bold;
	text-decoration:none
	}
	
a:link,a:visited{
	color:#565656;
	text-decoration:none
	}

a:hover{
	color:#f14400;
	text-decoration:underline
	}

a:active{
	color:#f30
	}

/* ---------------- table ---------------- */
	
table{
	width:415px;
	margin:0;
	padding:0;
	border:0;
	font:bold 70% /1.2em "Lucida Grande",lucida,arial,Tahoma,sans-serif,serif
	}

table thead td.tableHead,table thead td.tableHeadLeft{
	color:#fff;
	text-align:center;
	padding:0.3em 0.5em;
	border-bottom:1px solid #000
	}
	
table thead td.tableHeadLeft{
	text-align:left
	}
	
.value{
	text-align:center
	}
	
tr.ruled{
	background:#efefef
	} 
	
table.ruler{
	padding:0;
	border:1px solid #000;
	clear:both
	}
	
table.ruler thead{
	background:#f14400
	}
	
table.ruler td{
	padding:1px 10px
	}

/* ---------------- class ---------------- */

.dkRed{
	color:#f14400
	}


/* ---------------- lists ---------------- */

ul{}

ul.norm{
	margin:0;
	list-style:none;
	z-index:0
	}

ul.norm li {
	background:transparent url(../img/bullet.gif) no-repeat 2px 0.2em;
	list-style:none;
	padding-left:30px;
	margin:1em 0;
	font-weight:normal;
	font-size:90%;
	line-height:1.5em;
	color:#3F3F3F
	}