html, body {
	margin: 0;
	padding: 0;
}

#top {
	position: absolute;
	top: 0;
	left: 0;
}

#container {
	margin: 0;
	padding: 280px 0 0 148px;

	background: url(../images/logo_bk2.jpg) repeat-y -30px 0;
}

#head {
	position: absolute;
	top: 0;
	left: 0;
	
	display: block;
	
	width: auto;
	height: 300px;
	
	margin: 0;
	padding: 0;
	
	background: url(../images/logo_cpsm_menu.jpg) no-repeat 91px 101px;
}

#head h1 {
	display: block;
	
	width: 185px;
	height: 123px;
	
	margin: 30px 0 0 193px;
	padding: 0;
	
	font: 1px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
	
	background: url(../images/cpsm.jpg) no-repeat 0 0;
}

#head h1 img, #head h2 img {
	display: none;
}

#head h2 {
	display: block;
	
	font: 1px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
}

#head h1 span, #head h2 span {
	display: none;
}

/* ------------
	main menu
------------ */ 


#main_menu {
	position: absolute;
	top: 189px;
	left: 220px;
	
	height: 30px; 

	margin: 0;
	padding: 0;
	
	border-right: 2px #f90 solid;
}

#main_menu ul {
	position: relative;

	display: block;

	height: 25px;

	white-space: nowrap;
	 
	margin: 0;
	padding: 5px 30px 0 0;
	
	border-right: 1px #fff solid;

	list-style: none outside;

	background: url(../images/menu_back.gif) repeat-x;
}

#main_menu ul li#fake_li {
	visibility: hidden;
}

#main_menu ul li {
	display: inline;

	margin: 0 5px;
	padding: 0;
}

#main_menu ul li a {
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	color: #eee;
	text-decoration: none; 

	margin: 0;
	padding: 0 0 0 17px;
	
	background: url(../images/menu_item.gif) no-repeat 0 4px;
}

#main_menu ul li a:hover {
	color: #f90;
	
	background: url(../images/menu_item_hover.gif) no-repeat 0 4px;
}



/* ------------
	contents
------------ */


#contents {	
	width: 550px;

	margin: 0;
	padding: 10px 0 10px 40px;
	
	/*background: url(../images/logocpsm_orange.png) no-repeat 550px 7px;*/
}

#contents h2 {
	display: block;

	/*width: 550px;*/

	font: 1.6em Georgia, "Times New Roman", Times, serif;
	color: #333;

	margin: 0 0 40px 0;
	padding: 0;

	border-bottom: 1px #eee solid;
}

#contents h3 {
	display: block;

	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #f60;

	margin: 30px 0 0 0;
	padding: 0;
}

#contents p {
	display: block;

	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	text-align: left;
	line-height: 1.5em;

	margin: 15px 0;
	padding: 0;
}

#contents ul {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;
	color: #444;
	text-align: left;
	line-height: 1.5em;

	margin: 15px 0;
	padding: 0;

	list-style: none outside;
}

#contents ul.scuola li a {
	margin: 0;
	padding: 0 0 0 25px;

	color: #333;
	text-decoration: none;
	
	background: url(../images/list_items/16-square-green.png) no-repeat;
}

#contents ul.scuola li a:hover {
	color: #f90;
	text-decoration: none;

	background: url(../images/list_items/16-square-green-check.png) no-repeat;
}

#contents .up {
	clear: both;

	display: block;

	margin: 0;
	padding: 0;

	border-top: 1px #222 solid;

	text-align: right;
}

#contents .up a {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	text-decoration: none;
}

#contents .up a:hover {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #f60;
	text-decoration: none;
}

#centered {
	margin: 5px 0 5px 30px;
	
	font-style: italic;
}


/* home */

p#intro {
	display: block;

	margin: 0;
	padding: 0 0 0 30px;
	
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	text-align: left;
	line-height: 1.5em;

	border-left: 3px #f60 solid;
}

#news {
	padding: 3px;
	
	border: 1px #f90 solid;
}

#news ul {
	margin: 0;
	padding: 0 5px;
	
	border: 1px #999 solid;
	
	list-style: none;
	
	background: #eee;
}

#news ul li {
	display: block;
	
	margin: 5px 0;
	padding: 0;
	
	border: 1px #999 solid;
	
	background: #fff;
}

#news ul li div {
	display: block;
	
	height: 1.5em;
	
	margin: 0;
	padding: 1px 10px;
	
	border-bottom: 1px #999 solid;
	
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	
	background: #f90;
}

#news ul li h4 {
	display: block;
	
	margin: 5px 10px 0 10px;
	padding: 0;
	
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #777;
	font-weight: bold;
}

#news ul li h4 a, #news ul li h4 a:hover{
	margin: 0;
	padding: 0;

	color: inherit;
	text-decoration: none;
	
	background: none;
}

#news ul li p {
	display: block;
	
	margin: 5px 10px;
	padding: 0;
	
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}

#news ul li p a {
	margin: 0;
	padding: 0;
	
	color: #41be3a;
	text-decoration: none;
	
	background: none;
}

#news ul li p a:hover {
	color: #41be3a;
	text-decoration: underline;
	
	background: none;
}

#news ul li  span {
	display: block;
	
	margin: 0 10px 5px 10px;
	padding: 0;
	
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	
	font-weight: bold;
	text-align: right;
}

#news ul li span a{
	margin: 0;
	padding: 0;
	
	color: #888;
	text-decoration: none;
	text-transform: lowercase;
	
	background: none;
}

#news ul li span a:hover{
	color: #f60;
	
	background: none;
}




/* docenti */



#docenti_index ul {
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;

	margin: 15px 0;
	padding: 0;

	list-style: none outside;
}

#docenti_index ul li {
	margin: 15px 0;
	padding: 10px 0;

	border-top: 1px #eee dashed;
	border-bottom: 1px #eee dashed;
}

#docenti_index ul li a {
	margin: 0;
	padding: 0;

	font-weight: bold;
	color: #444;

	background: none;
}

#docenti_index ul li a:hover {
	margin: 0;
	padding: 0;

	color: #f90;

	background: none;
}

#docenti_index ul li .nome {
	color: #444;

	padding: 0 0 0 20px;

	border-left: 1px #f90 solid;
}

#docenti_index ul li .materia {
	margin: 5px 0 0 0;
	padding: 0 0 0 20px;

	color: #666;
	font-style: italic;
}

.docente h4 {
	display: block;

	font: 0.95em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f60;

	margin: 30px 0 0 0;
	padding: 0;
}

.docente h5 {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #666;

	margin: 5px 0 0 0;
	padding: 0;
}

#contents p img {
	float: right;
	
	margin: 0 0 5px 30px;
}

.docente div {
	margin: 0 0 20px 0;
	padding: 10px 20px;

	background: #eee;
	
	border-width: 1px 1px 1px 3px;
	border-color: #ccc #f90;
	border-style: dashed solid;
}

.docente div h6 {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	
	margin: 0;
	padding: 0;
	
	border-bottom: 1px #fff solid;
}

.docente div ul {
	margin: 0;
	padding: 0;
	
	list-style: none;
}


.docente div ul li {
	margin: 5px;
	padding: 0;
	
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
}

.docente div ul a {
	color: #f90;
	text-decoration: none;
	
	background: none;
}

.docente div ul li a:hover {
	text-decoration: underline;
	
	background: none;
}

/* faqs */



.faq h4 {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	line-height: 1.5em;

	margin: 30px 0 0 0;
	padding: 0 0 0 20px;

	border-left: 1px #f90 solid;
}




/* concorsi */



ul#concorsi {
	width: 100%;

	margin: 15px 0 50px 0;
	padding: 0;

	list-style: none outside;
}

ul#concorsi li {
	clear: both;
}


ul#concorsi li .concorso {
	float: left;

	width: 60%;
}

ul#concorsi li .anno {
	float: right;

	width: 40%;

	color: #f90;
}

ul#concorsi li .concorso, .anno {
	margin: 3px 0;
	padding: 5px 0 0 0;

	border-top: 1px #eee dashed;
}




/* dove siamo */



#contents p a {
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #41be3a;
	text-decoration: none; 
}

#contents p a:hover {
	text-decoration: underline; 
}




/* programmazione arrangiamento */



#progr_arr #curatore {
	font: 0.85em Verdana, Arial, Helvetica, sans-serif;
	color: #999;

	margin: 30px 0 0 0;
	padding: 0;
}

#progr_arr #curatore a {
	text-decoration: none;
	color: #41be3a;

	margin: 0;
	padding: 0;
}

#progr_arr #curatore a:hover {
	text-decoration: underline;
}

#progr_arr ul {
	margin: 15px 0;
	padding: 0;

	list-style: none;

	line-height: 1.5em;
}

#progr_arr ul li {
	background: url(../images/list_items/16-square-green-add.png) no-repeat 0 1px;
    
	text-indent: 25px;
	
	margin: 0;
	padding: 0;
}


#progr_arr ul li ul {
	margin: 0 0 0 20px;
	padding: 0;

	list-style: none;
}

#progr_arr ul li ul li {
	background: url(../images/list_items/16-circle-green.png) no-repeat 0 1px;
    
	text-indent: 25px;
	
	margin: 0;
	padding: 0;
}

#progr_arr h4 {
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f90;

	margin: 30px 0;
	padding: 0;

	border-bottom: 1px #f90 solid;
}

#progr_arr h5 {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f90;

	margin: 0;
	padding: 0;
}




/* sebastiani */



#contents .periodo {
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #41be3a;

	margin: 0 0 0 20px;
	padding: 0;

	border-bottom: 1px #41be3a solid;
}

#contents .testo ul {
	margin: 15px 0;
	padding: 0;

	list-style: none;

	line-height: 1.5em;
}

#contents .testo ul li {
	text-indent: 20px;

	margin: 5px 0;
}

#contents #recapiti_curatore {
	margin: 0;
	padding: 0 0 0 20px;

	border-left: 1px #f90 solid;
}

#contents #recapiti_curatore strong {
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999;

	margin: 0;
	padding: 0;
}



/* collaborazioni */



.collaborazione h4 {
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f90;

	margin: 30px 0 0 0;
	padding: 0;

	border-bottom: 1px #f90 solid;
}



/* ------------
	footer
------------ */


#footer {
	position: relative;
	
	display: block;
	
	width: 550px;
	
	margin: 10px 0 0 41px;
	padding: 1px 0;
	
	border-top: 2px #f90 solid;
	
	background: #fff;
}

#footer #recapiti {
	padding: 20px 0;
	
	border-top: 2px #666 solid;
	border-bottom: 2px #666 solid;
}

#footer #recapiti h3 {
	display: block;

	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f60;

	margin: 0 0 0 20px;
	padding: 0;
}

#footer #recapiti ul {
	
	margin: 10px 0 0 0;
	padding: 0 20px;
	
	border-left: 2px #f60 solid;
		
	list-style: none;
	
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}

#footer #recapiti ul li a {
	font-weight: bold;
	color: #41be3a;
	text-decoration: none;
}

#footer #recapiti ul li a:hover {
	text-decoration: underline;
}

#footer #last_line {
	position: relative;
	
	height: auto;
	
	margin: 1px 0 0 0;
	padding: 0;
	
	border-top: 2px #f90 solid;
	border-bottom: 1px #f90 solid;
}

#footer #last_line a#credits {
	position: absolute;
	top: 5px;
	right: 3px;
	
	margin: 0;
	padding: 0;
	
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

#footer #last_line a#credits:hover {
	color: #41be3a;
}

#footer #last_line #contatore {
	margin: 5px 0 0 0;
	padding: 0;
}

#footer #last_line #contatore div, img, a {	
	margin: 0;
	padding: 0;
	
	border: 0;
}

#_validator {
	position: absolute;
	top: 1px;
	left: 250px;
}

a.minibutton { 
	font:9px arial,sans-serif;
    text-transform:uppercase;
	text-decoration:none;
	
    border: 1px solid;
	border-color: #CCC #666 #666 #CCC;
	
    padding-left:0.2em;
	
	background:#FFF;	
}

a.minibutton:hover {
	border-color:#333 #999 #999 #333;
}

a.minibutton span {
	padding: 0 0.2em;
}

a.validator {
	color:#0C479D;
}

a.validator span {
	background: #FC6;
	color: #000;
}