body {margin:0 auto; width:900px; 
	 font-family: Arial,
	                Helvetica,
               sans-serif;
font-size:95%;
	 line-height: 1.6em;
	 padding:0;
	 border:1px solid #ccc

	}

h1{
font-size:1.8em; text-align:right; padding-bottom:.5em;
 letter-spacing:.1em; font-family:"Courier New", Courier, mono; color:#333;

}

h5{
font-size:2.4em; text-align:right; margin-top:10px; padding:0;
 letter-spacing:.1em; font-family:"Courier New", Courier, mono; color:#333;
}


h6{
font-size:1.8em; text-align:right; margin: -10px 0 10px 0; padding:0;
 letter-spacing:.1em; font-family:"Courier New", Courier, mono; color:#333;
}

.indirizzo h1{
font-size:2em; text-align:left; padding-bottom:.5em; letter-spacing:.1em; font-family:"Courier New", Courier, mono; color:#333;

}

p {padding-left:5px}


a {color:  #CC0000; text-decoration: none; font-weight: bold;
	}
	a:hover {text-decoration: underline;font-weight: bold;}

.external{background:  url(external.png) center right no-repeat ;	padding-right:12px;
			}
img {border:none}

h2 { font-size: 1.35em; font-family:"Courier New", Courier, mono;  background: transparent url(arrowsmall_red.gif) no-repeat left;
padding: 0 0 0 12px; margin: 2em 0 0em 0; color:#333;
	}
h3 { font-size: 1.2em; font-family:"Courier New", Courier, mono;  background: transparent url(arrowsmall_red.gif) no-repeat left;
padding: 0 0 0 12px; border-bottom: 0px solid #CCCCCC; margin: 2em 0 0em 0; color:#333;
	}




dt {font-weight:bold; margin-top:1em;
	}

	.bread dt {font-weight: normal; font-size:.8em;
	}

dl.papers  { padding:1em;  background-color:#F2F2F2 }
.papers dt  { margin-bottom:.2em; font-size:1.1em  }


dd.abstract {font-size:.9em; padding:1em; background-color:#FFFFFF; margin-bottom:1em}

dd {margin-left:0px; }

	
ul {list-style: square;
	}
	.no-bullets ul {list-style: none;}
	.horizontal-list ul {list-style-type:none; white-space:nowrap;}
	ul.row { margin-left: 0;  padding: 0;
			}
	ul.timetable {				/* UG coursework timetables*/
    			margin:0; padding: 0;
				}

li {margin-top:.3em;
	}
	.no-bullets li {list-style: none;margin-bottom: .5em;}
	.horizontal-list li{display:inline; padding-right: 20px;  white-space:nowrap;  }
	.row li,
	.timetable li {
		    clear: both;   list-style-type: none;	padding-top:1em;	border-top:1px solid #F5F5F5;
						}
	.row .area{							/* SCL */
    background: #FAF4C8;line-height:1.4em;font-size:0.8em;padding:.7em;
    border-right: 1px solid #E3DE9F; border-bottom: 1px solid #E3DE9F;
    float: left;   text-align: center;  width: 105px;  color: #333333;
    margin-bottom: 50px;  margin-right: 10px;
    }
	.news-archive li {margin-bottom:1em}
	.avvisi li {margin-bottom:1em}


.indirizzo{

			background-color: #FFFF99;	color:#000;	padding: 1em 2em 1em 2em; 	border-bottom: 2px solid #333}
.indirizzo h1 {border-bottom-color:#333; padding:0; margin: 0 0 .5em 0}
			.indirizzo img {float:right; border:1px solid #000; margin-right:1em }

.bottomline {border-top: 1px #ccc solid; clear: both; text-align:right;
			font-size:.85em; padding:.5em;	color:#333333;
				}

.emphasis {background-color:#fafafa; color:#000; padding : 0.7em; border-top: 1px solid #cccccc;
		   border-bottom: 2px solid #CCCCCC;	margin-bottom:0.5em;
			}

.marker{background-color: #fafafa; color:#000; padding: 6px 6px 6px 40px; 
		border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
		}

.right{float:right}

.pdf{background:  url(pdf.gif) center right no-repeat; padding-right:18px;
		}
					
.top { text-align:right; line-height:.2em;font-size:.75em;
		}
		
		
		.tabular{
	float:left;
	clear:right;
	margin-right:1em; /*This fixes IE overflow */ 	
	min-width:100%; /* This undoes the bad effect of the above on any reasonable browser*/
 
	}
	
	.column1, .column2 {
    width: 45%;
    float: left;
    }

.column1 {
    margin-right: 3.5em;
	}
  
    
.column1 li, .column2 li {
    margin:.2em .2em .2em -1em ;
    border-bottom-color: #f0f0f0;    
    border-bottom-style: dotted;
    border-width: 1px;       
    }


/* EVENTS */	

ul.news {
    margin-left: 0;
    padding: 0;
    margin-bottom: 50px;
  
}

.news li {
    clear: both;
    list-style-type: none;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 10px;
    border-bottom-color: #f0f0f0;    
    border-bottom-style: dotted;
    border-width: 1px;       
    }


.news .date {
    background: #FAF4C8;
    border-right: 1px solid #E3DE9F;
    border-bottom: 1px solid #E3DE9F;
    float: left;
    text-align: center;
    width: 64px;
    color: #333333;
    margin-bottom:4em;
    margin-right: 10px;
    }

    
.news .picture {
    border-right: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    float: left;
    text-align: center;
    width: 80px;
    margin: 0px 11px 0px 0px;
    font-size: 11px;
    }
 

.colloquium-details {
	padding: 1em;
	float: left;
	background-color: #DCDCDC;
}
.colloquium-details h2{ 
   font-size: 16px;
   padding: 0; 
   margin: 20px 0px 20px 0px; 
   border-bottom: 1px #999 dashed;

}

.colloquium-picture {
	float: left;
	margin:0 1em 1em 0;
	border:1px solid #fff;
}

.colloquium-pictures {
	padding:1em;
}
.colloquium-pictures li{
display:inline;
padding:1em;
}

.colloquium-pictures img{
border:1px solid #fff;
}

.schedule {
    float: left;
	margin:20px 20px 20px 20px;
	padding: 5px 5px 5px 5px;
    border-width: 1px;
    border-style: solid;
	clear:right;
}

.schedule dt {
	font-size: 16px;
	margin-top: 10px;
}

.schedule dd {
	font-size: 15px;
}

.toggle{
margin: 10px 10px 20px 10px;
font-size: .9em;
font-style:italic;
}


.en-hotspot {
padding-top:10px;
font-weight:bold;
text-align:right!important;
	color: #000066;
	cursor: se-resize;
	border-bottom-style: dotted;
	border-bottom-width: 1px;


}

.en-toggle{			/*Visibility toggle used for events*/
margin-top: -13px;
border-left:1px dotted #000066; 
border-bottom:1px dotted #000066;
border-right:1px dotted #000066
}
 


.hotspot {
	color: #FF6600;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	cursor: se-resize;
}
	
	
