/* CSS Document */
/******************
Foglio di Stile sito FotoCronaca
Autore: Francesco Cascardi ; Enrico Quattrini
WEB: http://www.internetproject.it
INFO: info@internetproject.it
Data Creazione: 17/02/2008
*************************************/
body{background-color:#CCCCCC;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;}
.Container{ background-color:#CCCCCC;
			width:794px;
			height:auto;
			margin-left:auto;
			margin-right:auto;}

.TopSection{background-color:#CCCCCC;
			margin-top:10px;}
.TopMenuArea{position:relative;
			text-align:right;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#820000;}
.MenuLinkTop{font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		color:#820000;}
a.MenuLinkTop:link,a.MenuLinkTop:active, a.MenuLinkTop:visited{ font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		text-decoration:none;
		font-weight:bold;}			
a.MenuLinkTop:hover{ font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		text-decoration:underline;
		font-weight:bold;}				
.TopIMG{ width:795px;
		height:135px;
		background-image:url('Image/top.png');}
.TopDescArea{background-color:#343434;
		color:#FFFFFF;
		font:Arial, Helvetica, sans-serif;
		font-size:13px;
		}
.TopDesc{background-color:#343434;
		color:#FFFFFF;
		font:Arial, Helvetica, sans-serif;
		font-size:13px;
		margin:0px 2px 2px 10px;}
.BodyPage{background-color:#CCCCCC;
		color:#000000;
		font:Arial, Helvetica, sans-serif;
		font-size:13px;}
.BoxMenu{border:1px solid black;
		width:195px;
		height:auto;
		background-color:#FFFFFF;
		margin-top:5px;}		
.BoxMenuHeader{ width:190px;
		height:27px;
		background-image:url('Image/background_title.png');
		color:#FFFFFF;
		text-align:center
		}
		
.BoxMenuHeaderReportage{ width:193px;
		height:46px;
		background-image:url('Image/reportage.jpg');
		color:#FFFFFF;
		text-align:center
		}

.BoxMenuHeaderArticoli{ width:193px;
		height:46px;
		background-image:url('Image/articoli.jpg');
		color:#FFFFFF;
		text-align:center
		}		

.BoxMenuHeaderArchivio{ width:193px;
		height:46px;
		background-image:url('Image/archivio.jpg');
		color:#FFFFFF;
		text-align:center
		}
.BoxMenuRitratti{border:1px solid black;
		width:193px;
		height:auto;
		background-color:#CC66FF;
		margin-top:5px;}	
.BoxMenuHeaderRitratti{ width:193px;
		height:auto;
		background-image:url('Image/ritratti.gif');
		background-repeat:no-repeat;
		color:#000000;
		text-align:center;
		margin-left:2px;
		}		
				
.BoxMenuLibri{border:1px solid black;
		width:193px;
		height:auto;
		background-color:#CC9966;
		margin-top:5px;}	
.BoxMenuHeaderLibri{ width:193px;
		height:auto;
		background-image:url('Image/libri.gif');
		background-repeat:no-repeat;
		color:#000000;
		text-align:center;
		margin-left:2px;
		}			
		
.BoxMenuFatti{border:1px solid black;
		width:193px;
		height:auto;
		background-color:#9999FF;
		margin-top:5px;}	
.BoxMenuHeaderFatti{ width:193px;
		height:auto;
		background-image:url('Image/fatti.gif');
		background-repeat:no-repeat;
		color:#000000;
		text-align:center;
		margin-left:2px;
		}							
				
.BoxMenuRow{border-bottom:1px solid #CCCCCC;
			font:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#000000;
		width:150px;
		height:auto;
		margin:5px 5px 5px 15px;}
.BoxMenuRowNoLine{font:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#000000;
		width:150px;
		height:auto;
		margin:5px 5px 5px 15px;}						
.MenuLinkBox{font:Arial, Helvetica, sans-serif;
		font-size:17px;
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
		margin:5px 2px 2px 2px;}
a.MenuLinkBox:link,a.MenuLinkBox:active, a.MenuLinkBox:visited{ font:Arial, Helvetica, sans-serif;
		font-size:17px;
		text-decoration:none;}			
a.MenuLinkBox:hover{ font:Arial, Helvetica, sans-serif;
		font-size:17px;
		text-decoration:underline;}	
		
.LinkBox{font:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		text-align:center;
		margin:5px 2px 2px 2px;}
a.LinkBox:link,a.LinkBox:active, a.LinkBox:visited{ font:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-decoration:none;
		}			

a.LinkBox:hover{ font:Arial, Helvetica, sans-serif;
		font-size:12px;
		/*font-weight:bold;
		text-decoration:underline;*/
		color:#CC0000;
		}			
		
.LinkOrange{font:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#FF9900;
		font-weight:bold;
		text-align:center;
		margin:5px 2px 2px 2px;}
a.LinkOrange:link,a.LinkOrange:active, a.LinkOrange:visited{ font:Arial, Helvetica, sans-serif;
		font-size:13px;
		text-decoration:none;
		color:#FF9900;
		font-weight:bold;
		}			
		
a.LinkOrange:hover{ font:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#FF9900;
		text-decoration:underline;
		font-weight:bold;
		}			
		
.LinkWhite{font:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		text-align:center;
		margin:5px 2px 2px 2px;}
a.LinkWhite:link,a.LinkWhite:active, a.LinkWhite:visited{ font:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-decoration:none;
		}			

a.LinkWhite:hover{ font:Arial, Helvetica, sans-serif;
		font-size:12px;
		/*font-weight:bold;
		color:#CC0000;*/
		text-decoration:underline;
		}					
		
.LinkBlack{font:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		text-align:center;
		margin:5px 2px 2px 2px;}
		
a.LinkBlack:link,a.LinkBlack:active, a.LinkBlack:visited{ font:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-decoration:none;
		}			

a.LinkBlack:hover{ font:Arial, Helvetica, sans-serif;
		font-size:12px;
		/*font-weight:bold;
		color:#CC0000;*/
		text-decoration:underline;
		}				
		
.redCellBorderRigth{border-right:2px solid #820000;
					text-align:center;}				
.BoxCentralPhoto{width:389px;
		height:auto;
		background-color:#333333;
		margin-top:5px;}
.AreaSubPhoto{width:389px;
		height:auto;
		/*background-color:#333333;*/
		margin-top:5px;}		
.borderPhoto{width:389px;
		height:18px;
		background-image:url('Image/border_photos.png')}
.centralPhoto{background-color:#333333;
				margin:2px 2px 2px 2px;
				text-align:center;}
.titoloBlackBold{font:Arial, Helvetica, sans-serif;
				font-size:18px;
				font-weight:bold;
				text-align:center;
				color:#000000;}				
.subTitoloBlack{font:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
				text-align:center;
				color:#000000;}				
.titoloWhiteBold{font:Arial, Helvetica, sans-serif;
				font-size:18px;
				font-weight:bold;
				text-align:center;
				color:#FFFFFF;}
.subTitoloWhite{font:Arial, Helvetica, sans-serif;
				font-size:12px;
				text-align:center;
				color:#FFFFFF;}
.titoloOrange{font:Arial, Helvetica, sans-serif;
				font-size:18px;
				font-weight:bold;
				text-align:center;
				color:#FF9900;}
.titoloRed{font:Arial, Helvetica, sans-serif;
				font-size:18px;
				font-weight:bold;
				text-align:center;
				color:#CC0000;}				
.subTitoloOrange{font:Arial, Helvetica, sans-serif;
				font-size:12px;
				text-align:center;
				color:#FF9900;}		

.nomeContatto{font:Arial, Helvetica, sans-serif;
				font-size:13px;
				color:#FF6600;/*:#FF9900;*/}		

.BoxSubPhoto{width:133px;
		height:auto;
		vertical-align:top;
		background-color:#333333;}
.centralSubPhoto{background-color:#333333;
				margin:2px 2px 2px 2px;
				height:auto;
				text-align:center}					
.boxDescReportage{font:Arial, Helvetica, sans-serif;
				margin:4px 2px 2px 4px;
				font-size:13px;
				/*font-weight:bold;*/
				text-align:left;
				color:#000000;}				

.boxDescRitratti{font:Arial, Helvetica, sans-serif;
				margin:4px 2px 2px 4px;
				font-size:13px;
				/*font-weight:bold;*/
				text-align:left;
				color:#000000;}				
							
.notePhoto{width:250px;
			font:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#000000;}	
			
.BlackBold11{font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#000000;
			font-weight:bold}								


.button{ width:100px; 
		background-color:#FF9900;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;}
			
/*CSS per Menu a Comparsa con effetto SlideOut*/
	#dhtmlgoodies_menu{		
		font:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#000000;
		width:150px;
		/*font-family:arial;	/* Font per il menu */

	}
	#dhtmlgoodies_menu	li{	/* <li> del menu principale */
		list-style-type:none;	/* Elimina i bullets delle liste */
		margin:0px;	/* Regola per Opera */
	}
	#dhtmlgoodies_menu ul{	
		margin:0px;	/* Elimina i margini dalle <ul>  */
		padding:0px;	/* Elimina il padding dalle <ul> air */
	}
	#dhtmlgoodies_menu ul li ul{	/* Stili per i browser senza Javascript  - item dei sottomenu*/
		padding-left:10px;
	}
	#dhtmlgoodies_menu	li a{	/* Link del menu principale*/
		text-decoration:none;	/* Toglie la sottlineatura */
		color:#000;	/* Colore dei link */
		
		height:20px;	/* Altezza di 20 pixel  */
		line-height:20px;	/* Interlinea */
		vertical-align:middle;	/* Centra il testo */
		border-bottom:1px solid #CCCCCC;
		background-color:#FAFAFA;	/* Colore di sfondo dei link */
		margin:1px;	/* Margine */
		padding:1px;	/* Padding */
		
		display:block;
	}
	#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
		color:#FFF;
		background-color:#CCCCCC;/*#317082;*/
	}
	.dhtmlgoodies_subMenu{
		visibility:hidden;
		position:absolute;
		overflow:hidden;
		border:1px solid #000;
		background-color:#FAFAFA;
		font:Arial, Helvetica, sans-serif;
		font-size:13px;
		text-align:left;
	
	}
	.dhtmlgoodies_subMenu ul{
		margin:0px;
		padding:0px;	
	}
	.dhtmlgoodies_subMenu ul li{
		list-style-type:none;
		margin:0px;
		padding:1px;
	}
	.dhtmlgoodies_subMenu ul li a{	/* Voci dei sottomenu */
		white-space:nowrap;	/* Il testo non va a capo */
		text-decoration:none;	/* Toglie la sottolineatura */
		color:#000;	/* Testo nero */
		
		height:16px;	/* Altezza di 16 pixels height */
		line-height:16px;	/* interlinea */
		padding:1px;	/* 1px di padding */
		
		display:block;	/* Display come block - non cambiare! */
	}
	.dhtmlgoodies_subMenu ul li a:hover{	/* Mouse over sulle voci dei sottomenu  */
		color:#FFF;	/* Testo bianco */
		background-color:#CCCCCC;/*#317082;	 Sfondo blue */
	}		
				
				
				
/*CSS per menu a comparsa senza effetto slideout*/
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	/*border-bottom: 1px solid #ccc;*/
	}
	
ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	width: 150px;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	padding: 5px;
	border-bottom: 1px solid #ccc;
	
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%;  }
* html ul li a { height: 1%;  }
/* End */

ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */

/*li ul  { border: 1px solid #CCC; }*/ /* Sub Menu Styles */
		
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */