/* CSS Document */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:2em;
	color: #000000;
	background-color: #333333;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
p,h1,h2,h3 {
margin-top:0;
margin-bottom:0;
}
body {text-align:center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
h1 {
font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	text-align:center;
}
h2 {
font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-align:left;
}
div#container{
width:650px;
margin: 0 auto;
text-align:left;
}
/*si crea un div container 2 che contiene div content e div colonna; l'immagine di sfondo repeat y che crea le false colonne è assegnta al div container2 e non più al div container, questo per fare in modo che header e sfondo combacino alla perfezione. Il problema delle giunzioni seamless rimane però nel footer, infatti il punto in cui sfondo e immagine del footer combaciano dipende dai contenuti veri e propri che condizionano l'allungamento del layout*/
div#container2{
	background-image: url(images/crime/crime2_colonne.jpg);
	background-position: top;
	background-repeat: repeat-y;
}
div#header{
	height:174px;
	background-image: url(images/crime/crime2_header.jpg);
	background-position: top left;
	background-repeat: no-repeat; 
}
div#content{
margin-right:200px;
margin-left:48px;
}
div#colonna{
width:180px;
float:right;
}
div#footer{
clear:right;
height: 49px;
background-image: url(images/crime/crime2_footer.gif);
background-position: top left;
background-repeat: no-repeat;
}
div#colonna ul {
list-style-type: none;
margin-left: 5px;
padding: 0;
}
div#colonna ul li {
margin: 0;
padding-left: 12px;
line-height: 25px;
background-image: url(images/asterisco.gif);
background-position: 0px 10px;
background-repeat: no-repeat;
}
div#colonna ul li a{
color:#FFFFFF;
font-family: "Courier New", Courier, monospace;
font-size:12px;
text-decoration:none;}

div#colonna ul li a:hover, div#colonna ul li a:active{
text-decoration:underline;}
/*questa istruzione serve a centrare le immagini*/
div#content img{ 
display: block; 
margin:0 auto; 
}