/*/////////////////////////////////////////////////////// OVERALL DEFINITIONS ///////////////////
_______________________________________________________________________________________________________ */

/*	color: #08171E; verde petrolio scuro */
/*	color: #14394B; verde petrolio */
/*	color: #69BFDE; azzuro */

/* reset all block-level elements margins & paggings (1)
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin: 0; padding: 0; } 
*/


html, body {
	/* sticky footer (4)
	------------------ */
	/*height: 100%;*/
}

body {
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	border: none;
	/* formatting
	------------------ */
	/*  see references (2) */
	font-family: Arial, sans-serif;
	font-size: 62.5%;  /* 16px x 62.5% = 10px */
	text-align: center;
	color: #333333;
	background: #FFFFFF;
	}

h1 {
	/* layout
	------------------ */
	margin: 0px 0px 18px 0px;
	padding: 18px 0px 5px 0px;
	/* formatting
	------------------ */
	font-size: 20px;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0px;
	text-align: left;
	color: #000000;
	border-bottom: 1px solid #D9D9D9;
	}

h2 { 
	/* layout
	------------------ */
	margin: 0px 0px 18px 0px;
	padding: 18px 0px 5px 0px;
	/* formatting
	------------------ */
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0px;
	text-align: left;
	color: #000000;
	border-bottom: 1px solid #D9D9D9;
	}

h3 { 
	/* layout
	------------------ */
	margin: 1.5em 0px 0.3em 0px;
	padding: 0px;
	/* formatting
	------------------ */
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1em;
	text-align: left;
	/*border: 1px solid pink;*/	
	}


h4 {
	/* layout
	------------------ */
	margin: 1.5em 0px 0.3em 0px;
	padding: 0px;
	/* formatting
	------------------ */
	font-size: 1.4em;
	line-height: 1em;
	font-weight: bold;
	text-align: left;
	}
	
p {
	/* layout
	------------------ */
	margin: 0px 0px 0.6em 0px;
	padding: 0px;
	/* formatting
	------------------ */
	font-size: 1.2em;
	line-height: 1.4em;
	letter-spacing: 0px;
	/* <- locally declared -> */
	}

ul, ol {
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	list-style-type: none;
	}

	ul li, ol li {
		/* layout
		------------------ */
		margin: 0px;
		padding: 0px;
		/* formatting
		------------------ */
		font-size: 1.2em;
		line-height: 1.6em;
		letter-spacing: 0px;
		/* <- locally declared -> */
	}

pre { 
	/* layout
	------------------ */
	margin: 8px 0px 0px 0px;
	padding: 0px;
	/* formatting
	------------------ */
	/* <- locally declared -> */	
	}

form, form fieldset { 
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	border: none;	
	}

abbr {
	cursor: help;
	border-bottom: 1px dashed #333333;
}

acronym {
	cursor: pointer;
	text-decoration: none;
}

/*/////////////////////////////////////////////////////// COMMON DEFINITIONS ////////////////////
_______________________________________________________________________________________________________ */


/*............................... CLEARERS ........*/

form br, div.clearer { 
	/* layout
	------------------ */
	height: 0px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	clear: both;
	display: block;
	border: none;
	visibility: hidden;
	}

hr.divider { 
	/* layout
	------------------ */
	height: 0px;
	margin: 20px 0px;
	padding: 0px;
	overflow: hidden;
	clear: both;
	display: block;
	visibility: hidden;
	/* formatting
	------------------ */
	border: none;
	}

	hr.divider.visible { 
		/* layout
		------------------ */
		height: 1px;
		visibility: visible;
		/* formatting
		------------------ */
		border-bottom: 1px solid #E4E4E4;
		}

/*............................... LINKS ..........*/

a, a:hover, a:active, a:visited {
	/* formatting
	------------------ */
	color: #000000;
	}

	/* avoid borders on images contained in links */
	a img, :link img, :visited img { border: none; }


/*............................... IMAGES  ........*/

div.rfphoto img {
	/* layout
	------------------ */
	margin: 0px 0px 40px 40px;
	padding: 0px;
	float: right;
	}

div.lfphoto img {
	/* layout
	------------------ */
	margin: 0px 40px 40px 0px;
	padding: 0px;
	float: left;
	}


/*............................... LISTS  ........*/

ul.preformatted {	/* see also 'ul' declaration */
	margin: 0px 0px;
	padding-left: 18px;
	list-style-position: outside;
	}

	ul.preformatted.spaced { margin: 10px 0px; }
	
	ul.preformatted.numbers li { list-style-type: decimal; }
	ul.preformatted.bullets li { list-style-type: disc; }
	ul.preformatted.squares li { list-style-type: square; }

	ul.preformatted li {
		/* layout
		------------------ */
		margin: 0px;
		padding: 0px 0px 0px 2px;
		/* formatting
		------------------ */
		font-size: 1.2em;
		line-height: 1.5em;
		}

ul.sequence {
	margin-left: 18px;
	padding-left: 18px;
	list-style-position: outside;
	list-style-type: upper-roman;
	}
	
	ul.sequence li {
		/* layout
		------------------ */
		margin: 12px 0px;
		padding-left: 10px;
		}
		
		ul.sequence li h6 {
			/* layout
			------------------ */
			margin: 4px 0px;
			padding: 0px;
			/* formatting
			------------------ */
			font-size: 1.2em;
			font-weight: bold;
			line-height: 1em;
			text-align: left;
			color: #000000;
			/*border-bottom: 1px solid #E4E4E4;*/
		}
		
		ul.sequence li span {
			/* layout
			------------------ */
			margin: 0px;
			padding: 0px;
			display: block;
			/* formatting
			------------------ */
			font-size: 0.8em;
			line-height: 1em;
			color: #666666;
			/*border-bottom: 1px solid #D9D9D9;*/
		}


		ul.sequence ul {
			margin: 0px;
			padding-left: 18px;
			list-style-position: outside;
			list-style-type: upper-roman;
			list-style-type: square;
			}
			
			ul.sequence ul li {
				/* layout
				------------------ */
				margin: 2px 0px;
				padding-left: 10px;
				}
		

ul.doclist {
	margin-left: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
	list-style: none;
	list-style-type: none;
	border-bottom: 2px solid #000000;
	}
	
	ul.doclist li {
		/* layout
		------------------ */
		margin: 6px 0px;
		padding-left: 20px;
		background-position: 0px 1px;
		background-repeat: no-repeat;
		}
		
		ul.doclist li.pdf { background-image: url(../img/interface/ico_smdoc.gif); }
		ul.doclist li.url { background-image: url(../img/interface/ico_smlnk.gif); }

		ul.doclist li a { text-decoration: none; }
		ul.doclist li a:hover { text-decoration: underline; }



ul.mailaddr {
	margin-left: 0px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
	list-style: none;
	list-style-type: none;
	}
	
	ul.mailaddr li {
		/* layout
		------------------ */
		margin: 6px 0px;
		padding-left: 20px;
		background: url(../img/interface/ico_smlnk.gif) no-repeat 0px 1px;
		}

		ul.mailaddr li a { text-decoration: none; }
		ul.mailaddr li a:hover { color: #69BFDE; text-decoration: underline; }
		


/*............................... EXTRA LINK  ........*/

div.extra {
	/* layout
	------------------ */
	margin: 0px;
	padding: 6px 0px 12px 0px;
	/* formatting
	------------------ */
	text-align: right;
	border-bottom: 1px solid #000000;
	}

	div.extra a {
		/* layout
		------------------ */
		margin: 0px;
		padding: 0px 20px 0px 0px;
		/*display: block;*/
		/* formatting
		------------------ */
		font-size: 12px;
		line-height: 12px;
		font-weight: bold;
		text-decoration: none;
		color: #000000;
		background: url(../img/interface/ico_link_extra.gif) no-repeat right 1px;
		}

		div.extra a:hover { text-decoration: underline; }

	div.extra.noborder { border-bottom: none; }

	/*#boxMainSubMiddle div.extra { padding: 9px 0px 15px 0px; }*/

/*............................... NEWS ITEMS  ........*/


table.newsitem {
	/* layout
	------------------ */
	width: 100%;
	margin: 24px 0px 14px;
	padding: 0px;
	/* formatting
	------------------ */	
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;	
	}
	
	table.newsitem td.place ,
	table.newsitem td.date {
		/* layout
		------------------ */
		margin: 0px;
		padding: 0px 0px 5px 0px;
		/* formatting
		------------------ */
		font-size: 10px;
		line-height: 10px;
		border-bottom: 1px solid #D9D9D9; 
		}

		/*#boxMainSubRight table.newsitem td.place, #boxMainSubRight table.newsitem td.date { font-size: 10px; line-height: 10px; }*/
		/*#boxMainSubMiddle table.newsitem td.place, #boxMainSubMiddle table.newsitem td.date { font-size: 12px; line-height: 12px; }*/


	table.newsitem td.place { text-align: left; color: #000000; }
	table.newsitem td.date { text-align: right; color: #666666; }
	
	table.newsitem td.text {
		/* layout
		------------------ */
		margin: 0px;
		padding: 7px 0px 3px;
		/* formatting
		------------------ */	
		font-size: 12px;
		line-height: 18px;
		}
	
		table.newsitem td.text h6 {
			margin: 6px 0px 2px 0px;
			padding: 0px;
			/* formatting
			------------------ */	
			font-size: 12px;
			line-height: 18px;
		}

		table.newsitem td.text p {
			margin: 0px;
			padding: 0px;
			/* formatting
			------------------ */	
			font-size: 12px;
			line-height: 18px;
		}

		table.newsitem td.text p a.more { text-decoration: none; color: #69BFDE; }


div.calendar {
	/* layout
	------------------ */
	margin: 0px;
	padding: 6px 0px 12px 0px;
	}

	div.calendar a {
	
			/* layout
			------------------ */
			margin: 0px;
			padding: 0px 0px 0px 25px;
			display: block;
			/* formatting
			------------------ */
			font-size: 12px;
			line-height: 16px;
			font-weight: bold;
			text-decoration: none;
			color: #000000;
			background: url(../img/interface/ico_cal1.gif) no-repeat top left;
			}
	
			div.calendar a:hover { text-decoration: underline; }


/*............................... NEWSLETTER FORM  ........*/

#boxMainSubRight #formWrapper.newsletter { 
	/* layout
	------------------ */
	position: relative;
	margin: -1px 0px 0px 0px; 
	padding: 0px;
	/* formatting
	------------------ */
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	}

	#boxMainSubRight #formWrapper.newsletter form { 
		/* layout
		------------------ */
		margin: 1px 0px; 
		padding: 5px 20px 12px 20px;
		/* formatting
		------------------ */
		background: #F0F0F0;
		}
	
		#boxMainSubRight #formWrapper.newsletter form h5 { font-size: 12px; margin: 4px 0px 0px 0px; padding-bottom: 2px; } 
		#boxMainSubRight #formWrapper.newsletter form table { width: 100%; margin: 8px 0px; } 
		#boxMainSubRight #formWrapper.newsletter form p { font-size: 10px; line-height: 14px; color: #666666; } 


		#boxMainSubRight #formWrapper.newsletter td.inp {}
			#boxMainSubRight #formWrapper.newsletter td.inp input { width: 135px; }
	
		#boxMainSubRight #formWrapper.newsletter td.sbm { text-align: right; }	
			#boxMainSubRight #formWrapper.newsletter td.sbm input { width: 50px; }
	
	
		/* ajax paused mode */
		#boxMainSubRight #formWrapper.newsletter form.paused input { color: #666666; } 
		
		
		/* validation messages */
		#boxMainSubRight #formWrapper.newsletter td.inp .validation-advice { 
			/* layout
			------------------ */
			margin: 0px; 
			padding: 2px 0px 4px 0px;
			/*display: none !important;*/
			color: #CC0000;
		}


	#boxMainSubRight #formWrapper.newsletter #formFeedback { 
		/* layout
		------------------ */
		position: absolute;
		top: 1px;
		left: 0px;
		right: 0px;
		bottom: 1px;
		margin: 0px; 
		padding: 1px 0px;
		visibility: hidden;
		/* formatting
		------------------ */
		text-align: center;
		background: #E2F2F9;
		}

		#boxMainSubRight #formWrapper.newsletter #formFeedback img { margin: 20px auto 5px; } 
		#boxMainSubRight #formWrapper.newsletter #formFeedback p { margin: 0px 10px; padding: 0px 10px; font-size: 10px; line-height: 14px; color: #14394B; } 

		#boxMainSubRight #formWrapper.newsletter #formFeedback span { margin: 10px 0px; display:none; }
		#boxMainSubRight #formWrapper.newsletter #formFeedback.loading #f0 { display:block; } 
		#boxMainSubRight #formWrapper.newsletter #formFeedback.success #f1 { display:block; } 
		#boxMainSubRight #formWrapper.newsletter #formFeedback.iserror #f2 { display:block; } 
		#boxMainSubRight #formWrapper.newsletter #formFeedback.iserror { background: #FFFFCC; } 




/*/////////////////////////////////////////////////////// COMMON BOXES DEFINITIONS //////////////
_______________________________________________________________________________________________________ */


#boxRoot {
	/* layout
	------------------ */
	position: relative; 
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	/* sticky footer (4)
	------------------ */
	/*height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0px auto -60px;*/
	/* formatting
	------------------ */
	text-align: center;
	background: url(../img/interface/petrol_top.png) repeat-x top left;
	/*border: 1px solid lime;*/
	}


/*||||||||||||||||||||||||||||||| HEADER |||||||||||
__________________________________________________________ */

#boxHeader {
	/* layout
	------------------ */
	position: relative;
	width: 840px;
	height: 185px;
	margin: 0px auto;
	padding: 0px;
	/* formatting
	------------------ */
	/*background: url(../img/interface/header_area.png) no-repeat top right;*/
	/*border: 1px solid blue;*/
	}


	#boxHeaderLogo {
		/* layout
		------------------ */
		position: absolute;
		z-index: 1;
		top: 60px;
		left: 0px;
		width: 285px;
		height: 40px;
		margin: 0px;
		padding: 0px;
		/* formatting
		------------------ */
		/*text-indent: -1000em; overflow: hidden;*/
		/*border: 1px solid lime;*/
	}



	/*||||||||||||||||||||||||||||||| HEADER > MENU ||||
	__________________________________________________________ */

	#boxHeaderMenu {
		/* layout
		------------------ */
		position: absolute;
		top: 79px;
		right: 0px;
		margin: 0px;
		padding: 0px;
		/* formatting
		------------------ */
		/*border: 1px solid lime;*/
		}

		#boxHeaderMenu #boxHeaderMenuList {
			/* layout
			------------------ */
			height: 22px;
			margin: 0px;
			padding: 0px;
			/* formatting
			------------------ */	
			border-collapse: collapse;
			border-spacing: 0px;
			border: none;
			}

			#boxHeaderMenu #boxHeaderMenuList td {
				/* layout
				------------------ */
				height: 22px;
				margin: 0px;
				padding: 0px 0px 0px 20px;
			}

		#boxHeaderMenu #boxHeaderMenuEffect {
			/* layout
			------------------ */
			position: absolute;
			top: 55px;
			right: 0px;
			width: 100%;
			height: 51px;
			margin: 0px;
			padding: 0px;
			/* formatting
			------------------ */
			/*border: 1px solid pink;*/
		}


		/* menu effects */
		#boxHeaderMenu #boxHeaderMenuEffect div.current ,
		#boxHeaderMenu #boxHeaderMenuEffect div.active {
			/* layout
			------------------ */
			position: absolute;
			margin: 0px;
			padding: 0px;
			display: block;
			visibility: hidden;
			overflow: hidden;
			}

			#boxHeaderMenu #boxHeaderMenuEffect div.current { top: 0px; height: 6px; background: #FFFFFF; }		
			#boxHeaderMenu #boxHeaderMenuEffect div.active { top: 38px; height: 4px; background: #69BFDE; }



/*||||||||||||||||||||||||||||||| MAIN |||||||||||||
__________________________________________________________ */

#boxMainWrap {
	/* layout
	------------------ */
	position: relative;
	width: 840px;
	margin: 0px auto;
	padding: 0px;
	/* formatting
	------------------ */
	text-align: left;
	/*border: 1px solid magenta;*/
	}


	/*||||||||||||||||||||||||||||||| MAIN BOX |||||||||
	__________________________________________________________ */

	#boxMain {
		/* layout
		------------------ */
		position: relative;
		width: 840px;
		margin: 0px;
		padding: 60px 0px 30px 0px;
		display: block;
		/* formatting
		------------------ */
		/*border: 1px solid pink;*/
		}


		/*||||||||||||||||||||||||||||||| MAIN BOX > LEFT AREA |||
		______________________________________________________________ */

		#boxMainSubLeft {
			/* layout
			------------------ */
			width: 175px;
			margin: 0px;
			padding: 0px;
			display: block;
			float: left;
			/* formatting
			------------------ */
			border-top: 2px solid #000000; 
			/*border: 1px solid cyan;*/
			}



		/*............... MAIN BOX > LEFT AREA >> SUBMENU  ...............*/


		#boxMainSubLeft #boxMainSubLeftSubMenu { margin: 0px; padding: 11px 0px 25px 0px; border-bottom: 1px solid #D9D9D9; }
		/*#boxMainSubLeft #boxMainSubLeftSubLink { margin: 0px; padding: 0px 0px 35px 0px; border-bottom: 2px solid #000000; }*/



		#boxMainSubLeft h5 {
			/* layout
			------------------ */
			margin: 0px;
			padding: 0px;
			/* formatting
			------------------ */
			font-size: 15px;
			line-height: 16px;
			font-weight: bold;
			text-align: left;
			border-bottom: 1px solid #D9D9D9;
		}

		#boxMainSubLeft h5 a {
			/* layout
			------------------ */
			margin: 8px 0px;
			padding: 0px 0px 0px 25px;
			display: block;
			/* formatting
			------------------ */
			text-decoration: none;
			background-position: 0px 0px;
			background-repeat: no-repeat;
			}

			#boxMainSubLeft h5 a:hover { text-decoration: underline; }

			#boxMainSubLeft h5.submenu { padding: 8px 0px 8px 25px; background: url(../img/interface/ico_sub-azur.gif) no-repeat 0px 8px;  /*color: #69BFDE;*/ color: #70A6C0; }

			#boxMainSubLeft h5.login 	a { background-image: url(../img/interface/ico_user.gif); }
			#boxMainSubLeft h5.contact	a { background-image: url(../img/interface/ico_email.gif); }
			#boxMainSubLeft h5.sitemap	a { background-image: url(../img/interface/ico_map.gif); }
			#boxMainSubLeft h5.home		a { background-image: url(../img/interface/ico_home-azur.gif); /*color: #69BFDE;*/ color: #70A6C0; }


		#boxMainSubLeft ul.submenu {
			/* layout
			------------------ */
			margin: 18px 0px 0px 3px;
			padding: 0px;
		}

		#boxMainSubLeft ul.submenu li ,
		#boxMainSubLeft ul.submenu li li {
			/* layout
			------------------ */
			margin: 0px;
			padding: 0px;
			/* formatting
			------------------ */
			font-size: 12px;
			line-height: 18px;
			color: #666666;
			}

			#boxMainSubLeft ul.submenu li li { padding-left: 13px; }

		#boxMainSubLeft ul.submenu a { padding: 1px 0px; text-decoration: none; }
		#boxMainSubLeft ul.submenu a:hover { padding: 1px 3px; color: #FFFFFF; background: #70A6C0; }
		




		/*||||||||||||||||||||||||||||||| MAIN BOX > MIDDLE AREA |||
		______________________________________________________________ */

		#boxMainSubMiddle {
			/* layout
			------------------ */
			width: 350px;
			margin: 0px 270px 0px 210px;
			padding: 0px;
			display: block;
			/* formatting
			------------------ */
			border-top: 2px solid #000000; 
			/*border: 1px solid magenta;*/
			}

			#boxMainSubMiddle div.decorphoto {
				/* layout
				------------------ */
				margin-bottom: 18px;
				}
		
				#boxMainSubMiddle div.decorphoto img {
					/* layout
					------------------ */
					/*width: 342px;*/
					margin: 0px;
					padding: 3px;
					/* formatting
					------------------ */
					border: 1px solid #D9D9D9;
				}

				#boxMainSubMiddle div.decorphoto.lfphoto img { margin: 0px 18px 12px 0px; float: left; }



		/*||||||||||||||||||||||||||||||| MAIN BOX > RIGHT AREA |||
		______________________________________________________________ */

		#boxMainSubRight {
			/* layout
			------------------ */
			width: 235px;
			margin: 0px;
			padding: 0px;
			display: block;
			float: right;
			/* formatting
			------------------ */
			border-top: 2px solid #000000;
			/*border: 1px solid yellow;*/
			}

			#boxMainSubRight h5 {
				/* layout
				------------------ */
				position: relative;
				margin: 11px 0px 18px;
				padding: 8px 0px;
				/* formatting
				------------------ */
				font-size: 15px;
				line-height: 16px;
				font-weight: bold;
				text-align: left;
				color: #000000;
				border-bottom: 1px solid #D9D9D9;
			}

			/*
			#boxMainSubRight .abstract h5 { padding-left: 25px; font-style: italic; background: url(../img/interface/flag_gb.png) no-repeat 0px 8px; }
			#boxMainSubRight .abstract p { font-style: italic; }
			*/


			#boxMainSubRight h5 span.feed {
				position: absolute;
				top: 14px;
				right: 0px;
				height: 10px;
				margin: 0px;
				padding: 0px;
				display: block;
				/* formatting
				------------------ */
				font-size: 10px;
				line-height: 10px;
				/*border: 1px solid lime;*/
				}

				#boxMainSubRight h5 span.feed a {
					/* layout
					------------------ */
					margin: 0px;
					padding: 0px 14px 0px 0px;
					display: block;
					/* formatting
					------------------ */
					text-decoration: none;
					color: #666666;
					background: url(../img/interface/rss_icon_small.gif) no-repeat right top;
					}

					#boxMainSubRight h5 span.feed a:hover { color: #FA9D3A; background-position: right -10px; }



			#boxMainSubRight div.decorphoto {
				/* layout
				------------------ */
				margin: 0px 0px 18px;
				padding: 11px 0px;
				/* formatting
				------------------ */
				border-bottom: 2px solid #000000;
				}
		
				#boxMainSubRight div.decorphoto img {
					/* layout
					------------------ */
					width: 227px;
					margin: 0px;
					padding: 3px;
					/* formatting
					------------------ */
					border: 1px solid #D9D9D9;
				}


		/*||||||||||||||||||||||||||||||| MAIN BOX > 2 COLS SPECS |||
		__________________________________________________________________ */

		#boxMain.use2cols #boxMainSubLeft { width: 500px; }
		#boxMain.use2cols #boxMainSubMiddle { display: none; }
		#boxMain.use2cols #boxMainSubRight { width: 300px; }
		




/*||||||||||||||||||||||||||||||| FOOTER |||||||||||
__________________________________________________________ */

#boxFooterWrap {
	/* layout
	------------------ */
	position: relative;
	width:  100%;
	height: 60px;
	margin: 0px;
	padding: 0px;
	display: block;
	/* formatting
	------------------ */
	background: transparent url(../img/interface/petrol_bottom.png) repeat-x bottom left;
	/*border: 1px solid lime;*/
	}

	#boxFooter {
		/* layout
		------------------ */
		position: relative;
		width: 840px;
		height: 60px;
		margin: 0px auto;
		padding: 0px;
		display: block;
		/* formatting
		------------------ */
		background: transparent url(../img/interface/footer_background.png) repeat-x bottom left;
		/*border: 1px solid red;*/
		}


		#boxFooter p {
			/* layout
			------------------ */
			height: 22px;
			margin-bottom: 0px;
			/* formatting
			------------------ */
			font-size: 1.0em;
			line-height: 22px;
			color: #666666;
			}

			#boxFooter p img {
				/* layout
				------------------ */
				height: 22px;
				margin: 0px;
				padding: 0px;
				/* formatting
				------------------ */
				border: none;
			}

		#boxFooter table#boxFooterAlliance {
	/* layout
			------------------ */
			position: absolute;
	top: 22px;
	left: 0px;
	margin: 0px 20px 0px 0px;
	/* formatting
			------------------ */	
			border-collapse: collapse;
	border-spacing: 0px;
	border: none;
	width: 558px;
			}
	
			#boxFooter table td {
				/* formatting
				------------------ */	
				vertical-align: middle;
			}

		#boxFooter #boxFooterCredits {
			/* layout
			------------------ */
			position: absolute;
			top: 22px;
			right: 0px;
			}

			#boxFooter #boxFooterCredits p a {
				padding: 2px 3px;
				/* formatting
				------------------ */
				color: #999999;
				text-decoration: none;
				}			
	
				#boxFooter #boxFooterCredits p a:hover {
					/* formatting
					------------------ */
					color: #FFFFFF;
					background: #69BFDE;
				}			

				/* credits */
				#boxFooter #boxFooterCredits p #boxFooterCredits_popup { visibility: hidden; font-family: Tahoma; font-size: 10px; }
				#boxFooter #boxFooterCredits p #boxFooterCredits_popup a { color: #D59A14; }
				#boxFooter #boxFooterCredits p #boxFooterCredits_popup a em { color: #A80A04; font-style: normal; }
				#boxFooter #boxFooterCredits p #boxFooterCredits_popup a:hover { background: #FFFFFF; }




/*/////////////////////////////////////////////////////// SPECIFIC PAGES DEFINITIONS ////////////
_______________________________________________________________________________________________________ */



/*||||||||||||||||||| HOME PAGE ||||||||||||||||
__________________________________________________________ */

body#pageHome #boxMainSubLeft #boxMainSubLeftSubLink { padding-top: 11px; }

body#pageHome #boxMainSubRight #formWrapper { margin-top: -1px; border-top: 2px solid #000000; }



/*||||||||||||||||||| NEWS & EVENTS PAGE ||||||||||||||||
__________________________________________________________ */

body#pageNews h1 { position: relative; }

body#pageNews h1 span.feed {
	position: absolute;
	top: 20px;
	right: 0px;
	height: 16px;
	margin: 0px;
	padding: 0px;
	display: block;
	/* formatting
	------------------ */
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -1px;
	/*border: 1px solid lime;*/
	}

	body#pageNews h1 span.feed a {
		/* layout
		------------------ */
		margin: 0px;
		padding: 0px 20px 0px 0px;
		display: block;
		/* formatting
		------------------ */
		text-decoration: none;
		color: #666666;
		background: url(../img/interface/rss_icon_big.gif) no-repeat right top;
		}

		body#pageNews h1 span.feed a:hover { color: #FA9D3A; background-position: right -16px; }



body#pageNews #boxDisclaimer { 
	/* layout
	------------------ */
	margin: 20px 0px 10px 0px;
	padding: 16px 20px 0px 20px;
	/* formatting
	------------------ */
	background: #FFFFCC;
	border: 1px solid #A3A3A3;
	}
	
	body#pageNews #boxDisclaimer h2 { margin: 0px 0px 12px 0px; padding-top: 0px; padding-bottom: 3px; font-size: 1.4em; line-height: 1em; border-bottom: 1px solid #BCBCBC; }
	body#pageNews #boxDisclaimer p { margin: 0px 0px 18px 0px; padding: 0px;  }

body#pageNews #boxMainSubRight div.decorphoto { margin-bottom: 0px; }
body#pageNews #boxMainSubRight #formWrapper { margin-top: 0px; border-top: none; }



/*||||||||||||||||||| MISSION PAGE ||||||||||||||||
__________________________________________________________ */

body#pageMission #boxMV { 
	/* layout
	------------------ */
	margin: 20px 10px;
	padding: 20px 20px 0px 20px;
	/* formatting
	------------------ */
	background: #F3F3F3;
	border: 1px solid #A3A3A3;
	}
	
	body#pageMission #boxMV h2 { margin: 0px 0px 12px 0px; padding-top: 0px;  }
	body#pageMission #boxMV p { margin: 0px 0px 24px 0px; padding: 0px;  }



/*||||||||||||||||||| REFERENCE PAGE ||||||||||||||||
__________________________________________________________ */

body#pageReference #lstReference a.extlink { margin-left: 5px; padding: 1px; }
/*body#pageReference #lstReference a.extlink img { vertical-align: baseline; }*/



/*||||||||||||||||||| LOGIN PAGE ||||||||||||||||
__________________________________________________________ */


body#pageLogin #formWrapper { 
	/* layout
	------------------ */
	position: relative;
	width: 80%;
	margin: 40px auto;
	padding: 0px;
	/* formatting
	------------------ */
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	}
	
	body#pageLogin #formWrapper form { 
		/* layout
		------------------ */
		margin: 1px 0px; 
		padding: 15px 20px 9px 20px;
		/* formatting
		------------------ */
		background: #69BFDE;
		}
	
		body#pageLogin #formWrapper h5 { font-size: 12px; margin: 4px 0px 15px 0px; padding-bottom: 2px; color: #14394B; border-bottom: 1px solid #549EBA; } 

		body#pageLogin #formWrapper td.lbl { 
			/* layout
			------------------ */
			padding-right: 10px; 
			/* formatting
			------------------ */
			text-align: right;		
			}
			body#pageLogin #formWrapper td.lbl label { font-size: 10px; font-weight: bold; color: #14394B; white-space: nowrap; }
	
	
		body#pageLogin #formWrapper td.inp { width: 150px; }
			body#pageLogin #formWrapper td.inp input { width: 150px; }
	
		body#pageLogin #formWrapper td.sbm { width: 160px; padding-top: 10px; vertical-align: middle; }	
			body#pageLogin #formWrapper td.sbm input { width: 100px; }
	
	
		/* ajax paused mode */
		body#pageLogin #formWrapper form.paused label { color: #666666; } 
		body#pageLogin #formWrapper form.paused input { color: #666666; } 
		
		
		/* validation messages */
		body#pageLogin #formWrapper td.inp .validation-advice { 
			/* layout
			------------------ */
			margin: 0px; 
			padding: 2px 0px 4px 0px;
			/*display: none !important;*/
			color: #CC0000;
		}


	body#pageLogin #formWrapper #formFeedback { 
		/* layout
		------------------ */
		position: absolute;
		top: 1px;
		left: 0px;
		right: 0px;
		bottom: 1px;
		margin: 0px; 
		padding: 1px 0px;
		visibility: hidden;
		/* formatting
		------------------ */
		text-align: center;
		background: #E2F2F9;
		}

		body#pageLogin #formWrapper #formFeedback img { margin: 20px auto; } 
		body#pageLogin #formWrapper #formFeedback p { margin: 0px 10px; color: #14394B; } 

		body#pageLogin #formWrapper #formFeedback span { margin: 10px; display:none; }
		body#pageLogin #formWrapper #formFeedback.loading #f0 { display:block; } 
		body#pageLogin #formWrapper #formFeedback.success #f1 { display:block; } 
		body#pageLogin #formWrapper #formFeedback.iserror #f2 { display:block; } 
		body#pageLogin #formWrapper #formFeedback.iserror { background: #FFFFCC; } 


body#pageLogin #detsWrapper p { 
	/* layout
	------------------ */
	margin: 18px 0px 0px 0px;
	/* formatting
	------------------ */
	line-height: 1.5em;
	}




/*||||||||||||||||||| CONTACTS PAGE ||||||||||||||||
__________________________________________________________ */

body#pageContatti #boxContactReferences {
	position: relative;
}

body#pageContatti #boxContactReferences img {
	/* layout
	------------------ */
	margin: 0px 0px 10px;
	padding: 0px;
	/* formatting
	------------------ */
	list-style-position: inside;
	}

body#pageContatti #boxContactReferences .ttptrig {
	/* layout
	------------------ */
	position: absolute;
	width: 10px;
	height: 10px;
	display: block;
	/* formatting
	------------------ */
	cursor: pointer;
	}

	.tool-tip {
		color: #fff;
		width: 139px;
		z-index: 13000;
	}

	.tool-title {
		font-weight: bold;
		font-size: 11px;
		margin: 0;
		color: #9FD4FF;
		padding: 8px 8px 4px;
		background: url(../img/interface/ttipback.png) top left;
	}

	.tool-text {
		font-size: 11px;
		padding: 4px 8px 8px;
		background: url(../img/interface/ttipback.png) bottom right;
	}

body#pageContatti #boxContactReferences ul.reference {
	/* layout
	------------------ */
	margin: 20px 0px;
	padding: 0px;
	/* formatting
	------------------ */
	list-style-position: inside;
	}
	
	body#pageContatti #boxContactReferences ul.reference li { }
	body#pageContatti #boxContactReferences ul.reference li.sede {
		/* layout
		------------------ */
		margin: 0px 0px 4px;
		padding: 0px;
		/* formatting
		------------------ */
		font-weight: bold;
		line-height: 1.1em;
		color: #000000;
		list-style: none;
		border-bottom: 1px solid #000000;
	}

	body#pageContatti #boxContactReferences ul.reference li a { text-decoration: none; }
	body#pageContatti #boxContactReferences ul.reference li a:hover { text-decoration: underline; color: #70A6C0; }



body#pageContatti #formWrapper { 
	/* layout
	------------------ */
	position: relative;
	margin: 30px 0px;
	padding: 0px;
	/* formatting
	------------------ */
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	}
	
	body#pageContatti #formWrapper h2 { 
		margin-bottom: 20px;
		padding-top: 3px;
	}

	body#pageContatti #formWrapper form { 
		/* layout
		------------------ */
		margin: 1px 0px; 
		padding: 15px 20px 9px 20px;
		/* formatting
		------------------ */
		background: #F0F0F0;
		}
	
		body#pageContatti #formWrapper td.lbl { 
			/* layout
			------------------ */
			padding-right: 10px; 
			/* formatting
			------------------ */
			text-align: right;		
			}
			body#pageContatti #formWrapper td.lbl label { font-size: 10px; font-weight: bold; color: #14394B; white-space: nowrap; }
			body#pageContatti #formWrapper td.lbl span { font-size: 10px; font-weight: bold; color: #14394B; }
	
			body#pageContatti #formWrapper tr.spanned td { padding-right: 0px; }
			body#pageContatti #formWrapper tr.spanned td span { /*border-top: 1px solid #cccccc;*/ display: block; text-align: left; margin-top: 5px; padding: 8px 0px 4px 0px; }
	
		body#pageContatti #formWrapper td.inp { width: 150px; }
			body#pageContatti #formWrapper td.inp input { width: 190px; }
			body#pageContatti #formWrapper td.inp select { width: 190px; }
			body#pageContatti #formWrapper td.inp textarea { width: 190px; }
	
		body#pageContatti #formWrapper td.mul { text-align: center; }
			body#pageContatti #formWrapper td.mul label { margin-right: 10px; }

		body#pageContatti #formWrapper td.sbm { width: 160px; padding-top: 15px; vertical-align: middle; text-align: center; /*border-top: 1px solid #cccccc;*/ }
			body#pageContatti #formWrapper td.sbm input { width: 100px; }
	
	
		/* ajax paused mode */
		body#pageContatti #formWrapper form.paused label { color: #666666; } 
		body#pageContatti #formWrapper form.paused input { color: #666666; } 
		
		
		/* validation messages */
		body#pageContatti #formWrapper td.inp .validation-advice { 
			/* layout
			------------------ */
			margin: 0px; 
			padding: 2px 0px 4px 0px;
			/*display: none !important;*/
			color: #CC0000;
		}


	body#pageContatti #formWrapper #formFeedback { 
		/* layout
		------------------ */
		position: absolute;
		top: 1px;
		left: 0px;
		right: 0px;
		bottom: 1px;
		margin: 0px; 
		padding: 1px 0px;
		visibility: hidden;
		/* formatting
		------------------ */
		text-align: center;
		background: #E2F2F9;
		}

		body#pageContatti #formWrapper #formFeedback img { margin: 20px auto; } 
		body#pageContatti #formWrapper #formFeedback p { margin: 0px 10px; color: #14394B; } 

		body#pageContatti #formWrapper #formFeedback span { display:none; position: absolute; bottom: 20px; left: 10px; right: 10px; }
		body#pageContatti #formWrapper #formFeedback.loading #f0 { display:block; } 
		body#pageContatti #formWrapper #formFeedback.success #f1 { display:block; } 
		body#pageContatti #formWrapper #formFeedback.iserror #f2 { display:block; } 
		body#pageContatti #formWrapper #formFeedback.iserror { background: #FFFFCC; } 




/*||||||||||||||||||| SITEMAP PAGE ||||||||||||||||
__________________________________________________________ */

body#pageMappa #mapList h5 { font-size: 14px; margin: 10px 0px; }
body#pageMappa #mapList li { font-size: 12px; }
body#pageMappa #mapList li li { font-size: 12px; padding-left: 20px; }
body#pageMappa #mapList a { color: #70A6C0; font-weight: bold; }



/*||||||||||||||||||| COUNTDOWN PAGE ||||||||||||||||
__________________________________________________________ */

body#pageCountdown #boxHeaderMenu {
	/* layout
	------------------ */
	position: absolute;
	top: 40px;
	right: 0px;
	width: 360px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	/* formatting
	------------------ */
	font-family: "Times New Roman", Times, serif;
	font-size: 68px;
	line-height: 70px;
	text-align: right;
	letter-spacing: 0px;
	color: #FFFFFF;
	/*border: 1px solid lime;*/
	}


body#pageCountdown #boxMain #intro_eng { margin-top: 24px; font-style: italic; }


body#pageCountdown #formWrapper { 
	/* layout
	------------------ */
	position: relative;
	margin: 0px; 
	padding: 0px;
	/* formatting
	------------------ */
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	}
	
	body#pageCountdown #formWrapper form { 
		/* layout
		------------------ */
		margin: 1px 0px; 
		padding: 15px 20px 9px 20px;
		/* formatting
		------------------ */
		background: #F0F0F0;
		}
	
		body#pageCountdown #formWrapper td.lbl { 
			/* layout
			------------------ */
			padding-right: 10px; 
			/* formatting
			------------------ */
			text-align: right;		
			}
			body#pageCountdown #formWrapper td.lbl label { font-size: 10px; font-weight: bold; color: #14394B; white-space: nowrap; }
	
	
		body#pageCountdown #formWrapper td.inp { width: 150px; }
			body#pageCountdown #formWrapper td.inp input { width: 150px; }
	
		body#pageCountdown #formWrapper td.sbm { width: 160px; padding-top: 5px; vertical-align: middle; }	
			body#pageCountdown #formWrapper td.sbm input { width: 80px; }
	
	
		/* ajax paused mode */
		body#pageCountdown #formWrapper form.paused label { color: #666666; } 
		body#pageCountdown #formWrapper form.paused input { color: #666666; } 
		
		
		/* validation messages */
		body#pageCountdown #formWrapper td.inp .validation-advice { 
			/* layout
			------------------ */
			margin: 0px; 
			padding: 2px 0px 4px 0px;
			/*display: none !important;*/
			color: #CC0000;
		}


	body#pageCountdown #formWrapper #formFeedback { 
		/* layout
		------------------ */
		position: absolute;
		top: 1px;
		left: 0px;
		right: 0px;
		bottom: 1px;
		margin: 0px; 
		padding: 1px 0px;
		visibility: hidden;
		/* formatting
		------------------ */
		text-align: center;
		background: #E2F2F9;
		}

		body#pageCountdown #formWrapper #formFeedback img { margin: 20px auto; } 
		body#pageCountdown #formWrapper #formFeedback p { margin: 0px 10px; color: #14394B; } 

		body#pageCountdown #formWrapper #formFeedback span { margin: 10px; display:none; }
		body#pageCountdown #formWrapper #formFeedback.loading #f0 { display:block; } 
		body#pageCountdown #formWrapper #formFeedback.success #f1 { display:block; } 
		body#pageCountdown #formWrapper #formFeedback.iserror #f2 { display:block; } 
		body#pageCountdown #formWrapper #formFeedback.iserror { background: #FFFFCC; } 


body#pageCountdown #detsWrapper p { 
	/* layout
	------------------ */
	margin: 18px 0px 0px 0px;
	/* formatting
	------------------ */
	line-height: 1.5em;
	}


/* ovveride footer appearence */
body#pageCountdown #boxFooter #boxFooterAlliance { position: relative; margin: 0px auto; }
body#pageCountdown #boxFooter #boxFooterCredits { display: none; }




/*............................... POST REPLY (TRADITIONAL) PAGE ..........*/

body#pageFormReplyPost { background: #08171E; }

		body#pageFormReplyPost #formReplyPostMessage {
			/* layout
			------------------ */
			width: 300px;
			margin: 160px auto;
			padding: 20px;
			/* formatting
			------------------ */
			background: #FFFFFF;
			}
			
			body#pageFormReplyPost #formReplyPostMessage p.bk {margin-top: 20px; }			
				body#pageFormReplyPost #formReplyPostMessage p.bk a { font-weight: bold; color: #69BFDE; }




/*####################################################### FOOTNOTES ###################
_______________________________________________________________________________________________________

(1)	http://developer.yahoo.com/yui/reset/
(2)	http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
	http://www.webspaceworks.com/resources/cat/devtools/48/
(3) http://24ways.org/2006/compose-to-a-vertical-rhythm
(4) http://ryanfait.com/sticky-footer/

*/