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

/*	color: #96BF55; verde logo */
/*	color: #D4E5B9; verde logo (40%) */
/*	color: #C0D999; verde logo (60%) */
/*	color: #ABCC77; verde logo (60%) */


/* 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; } 
*/


body {
	/* layout
	------------------ */
	margin: 0px;
	padding: 0px;
	border: none;
	/* formatting
	------------------ */
	/*  see references (2) */
	font-family: 'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',arial,verdana,sans-serif;
	font-size: 62.5%;  /* 16px x 62.5% = 10px */
	text-align: center;
	color: #333333;
	background: #E4E4E4;
	}













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


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

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

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

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

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



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

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

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













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

#boxRoot {
	/* layout
	------------------ */
	position: relative; 
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	}


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

#boxHeaderWrap {
	/* layout
	------------------ */
	position: relative;
	width: 720px;
	height: 170px;
	margin: 10px 0px 0px 0px;
	padding: 10px 20px 0px 20px;
	/* formatting
	------------------ */
	text-align: left;
	background: url(/media/img/interface/header_background.png) no-repeat top left;
	}

	#boxHeaderLogo { position: absolute; top: 9px; left: 56px; }
	#boxHeaderMission { position: absolute; top: 86px; left: 403px; }

	#boxHeaderMenu {
		/* layout
		------------------ */
		position: absolute;
		top: 125px;
		left: 100px;
		margin: 0px;
		padding: 0px;
		/* formatting
		------------------ */
		text-align: left;	
		}

		#boxHeaderMenu li { 
			/* layout
			------------------ */
			display: block;
			height: 26px;
			float: left;
			}

			#boxHeaderMenu li a { 
				/* layout
				------------------ */
				height: 26px;
				margin: 0px;
				padding: 0px 20px;
				display: block;
				float: left;	/* avoid IE bug */
				margin: 0px;
				/* formatting
				------------------ */
				font-size: 13px; 
				line-height: 26px;
				font-weight: bold;
				text-decoration: none;
				color: #FFFFFF;
				background-color: transparent;
				background-image: url(/media/img/interface/header_menu_leafs.gif);
				background-position: right 0px;
				background-repeat: no-repeat;
				}
				
				#boxHeaderMenu li a:hover { background-color: #618519; background-position: right -60px; }

				#boxHeaderMenu li#bhmActivity a { background-color: #81A83D; background-position: right -30px;  }
				#boxHeaderMenu li#bhmActivity a:hover { background-color: #618519; background-position: right -60px;  }



	#boxHeaderSecondaryMenu {
		/* layout
		------------------ */
		position: absolute;
		top: 25px;
		right: 73px;
		margin: 0px;
		padding: 0px;
		/* formatting
		------------------ */
		text-align: right;	
		}

		#boxHeaderSecondaryMenu li { 
			/* layout
			------------------ */
			display: block;
			height: 26px;
			float: left;
			margin: 0px 0px 0px 10px;
			}

			#boxHeaderSecondaryMenu li a { 
				/* layout
				------------------ */
				height: 12px;
				margin: 0px;
				padding: 0px 0px 0px 15px;
				display: block;
				float: left;	/* avoid IE bug */
				margin: 0px;
				/* formatting
				------------------ */
				font-size: 10px; 
				line-height: 12px;
				color: #D4E5B9;
				color: #CCCCCC;
				}
				
				#boxHeaderSecondaryMenu li a:hover { color: #96BF55; }

				#boxHeaderSecondaryMenu li#bhmsHome a { background: url(/media/img/interface/bullet_home.gif) no-repeat 0px 50% }
				#boxHeaderSecondaryMenu li#bhmsContact a { background: url(/media/img/interface/bullet_mail.gif) no-repeat 0px 50% }



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

#boxMainWrap {
	/* layout
	------------------ */
	position: relative;
	width: 720px;
	margin: 0px;
	padding: 0px 20px;
	/* formatting
	------------------ */
	text-align: left;
	border-left: 1px solid #E4E4E4;
	background: url(/media/img/interface/content_background.png) repeat-y -1px 0px;
	}


	#boxMainContent {
		/* layout
		------------------ */
		position: relative;
		height: 1%;	/* trigger "hasLayout" property on IE */
		margin: 0px;
		padding: 10px 40px 20px 40px;
		display: block;
		/* formatting
		------------------ */
		}


		/*........ TEXT FORMATTING ........*/

		#boxMainContent h1 {
			/* layout
			------------------ */
			margin: 0px 0px 10px 0px;
			padding: 0px;
			/* formatting
			------------------ */
			font-size: 1.8em;
			font-weight: bold;
			line-height: 1.6em;
			letter-spacing: 0px;
			color: #96BF55;
			color: #618519;
			}
		
		#boxMainContent h2 { 
			/* layout
			------------------ */
			margin: 25px 0px 10px 0px;
			padding: 0px;
			/* formatting
			------------------ */
			font-size: 1.6em;
			font-weight: bold;
			line-height: 1em;
			letter-spacing: 0px;
			color: #96BF55;
			}
		
		#boxMainContent h3 { 
			/* layout
			------------------ */
			margin: 1.5em 0px 0.8em 0px;
			padding: 0px;
			/* formatting
			------------------ */
			font-size: 1.4em;
			font-weight: bold;
			line-height: 1em;
			color: #000000;
			}
		
			
		#boxMainContent p {
			/* layout
			------------------ */
			margin: 0px 0px 1.2em;
			padding: 0px;
			/* formatting
			------------------ */
			font-size: 1.2em;
			line-height: 1.4em;
			letter-spacing: 0px;
			}


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

		#boxMainContent ul, #boxMainContent ol {
			/* layout
			------------------ */
			position: relative;			/* avoid list-background bug (3) */
			margin: 15px 0px 15px 0px;
			padding: 0px;
			/* formatting
			------------------ */
			list-style-type: none;
			}
		
			#boxMainContent ul li, #boxMainContent ol li {
				/* layout
				------------------ */
				margin: 0px;
				padding: 2px 0px 2px 20px;
				/* formatting
				------------------ */
				font-size: 1.2em;
				line-height: 1.4em;
				background: url(/media/img/interface/bullet_dot1.gif) no-repeat 2px 4px;
			}


		/*........ TABLE FORMATTING ........*/

		#boxMainContent th, #boxMainContent td {
			/* formatting
			------------------ */
			font-size: 1.2em;
			line-height: 1.4em;
		}



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

		#boxMainContent img.l {
			margin: 0px 40px 20px 0px;
			display: inline;
			float: left;
		}
		
		#boxMainContent img.r {
			margin: 0px 0px 20px 40px;
			display: inline;
			float: right;
		}




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

#boxFooterWrap {
	/* layout
	------------------ */
	position: relative;
	width:  720px;
	height: 90px;
	margin: 0px;
	padding: 0px 20px;
	/* formatting
	------------------ */
	text-align: center;
	background: url(/media/img/interface/footer_background.png) no-repeat top left;
	}

	#boxFooterWrap p {
		/* layout
		------------------ */
		position: absolute;
		top:  10px;
		right: 50px;
		margin: 0px;
		padding: 0px;
		/* formatting
		------------------ */
		font-family: Arial, Verdana, sans-serif;
		font-size: 10px;
		line-height: 14px;
		text-align: right;
		color: #808080;
	}













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



/*||||||||||||||||||| HOMEPAGE ||||||||||||||||
_________________________________________________________________ */

body.homepage #boxMainContent {}

body.homepage #boxMainContent #boxSplitterLeft { width: 350px; float: left; }
body.homepage #boxMainContent #boxSplitterRight { width: 200px; float: right; }

	body.homepage #boxMainContent #boxIntro { 
		/* layout
		------------------ */
		position: relative;
		margin: 0px;
		padding: 0px 0px 0px 20px;
	}

	body.homepage #boxMainContent #boxManifesto { 
		/* layout
		------------------ */
		position: relative;
		margin: 30px 0px 20px;
		padding: 20px;
		/* formatting
		------------------ */
		font-family: 'New Century Schoolbook','New Century Schlbk','Georgia','Times',serif; 
		font-style: italic;
		background: #F4F8EE;
		/*border: 1px solid #96BF45;*/
		}
		body.homepage #boxMainContent #boxManifesto h2 { margin-top: 0px; }
		body.homepage #boxMainContent #boxManifesto p { margin-bottom: 0px; font-size: 1.4em; line-height: 1.2em; }
		body.homepage #boxMainContent #boxManifesto img { position: absolute; top: -22px; right: -22px; }

	body.homepage #boxMainContent #boxSupport {
		/* layout
		------------------ */
		position: relative;
		margin: 10px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
		/* formatting
		------------------ */
		background: #C1D6F2 url(/media/img/interface/sustain_background1.png) no-repeat left top;
		}

		body.homepage #boxMainContent #boxSupport h4 { margin: 5px 14px 10px 12px; font-size: 14px; line-height: 18px; text-align: center; color: #FFFFFF; text-shadow: 0px 1px 1px rgba(0,0,0,0.2); }
		body.homepage #boxMainContent #boxSupport p.intro { font-size: 11px; line-height: 13px; margin: 0px 20px 0px 18px; }
		body.homepage #boxMainContent #boxSupport p.bank1 { font-size: 10px; line-height: 12px; font-weight: bold; color: #000000; margin: 10px 20px 5px 18px; }
		body.homepage #boxMainContent #boxSupport p.bank2 { font-size: 16px; line-height: 18px; font-weight: bold; color: #263B20; margin: 0px; padding: 5px 20px 20px 18px; text-align: center; background: #C1D6F2 url(/media/img/interface/sustain_background1.png) no-repeat left bottom; text-shadow: 0px 1px 0px rgba(255,255,255,0.6); }

	body.homepage #boxMainContent #boxSustenergy {
		/* layout
		------------------ */
		width: 200px;
		margin-top: 20px;
		padding-top: 20px;
		/* formatting
		------------------ */
		text-align: center;
		border-top: 1px solid #E4E4E4; 
		}
		body.homepage #boxMainContent #boxSustenergy p { font-size: 10px; text-align: left; color: #999999;  }
		body.homepage #boxMainContent #boxSustenergy img { margin: 0px auto;  }	
		


/*||||||||||||||||||| CHI SIAMO ||||||||||||||||
_________________________________________________________________ */

body.about #boxMainContent p.blockquote {
	/* layout
	------------------ */
	margin-left: 20px;
	margin-right: 20px;
	/* formatting
	------------------ */
	font-family: 'New Century Schoolbook','New Century Schlbk','Georgia','Times',serif;
	font-size: 1.3em;
	font-style: italic;
}



/*||||||||||||||||||| COMITATO SCIENTIFICO ||||||||||||||||
_________________________________________________________________ */

body.committee #boxMainContent table {
	/* layout
	------------------ */
	margin: 0px auto;
	padding: 0px;	
	/* formatting
	------------------ */
	table-layout: fixed;
	border-spacing: 20px;
	border: none;
	}
	

/*||||||||||||||||||| INIZIATIVE ||||||||||||||||
_________________________________________________________________ */

body.activity #boxMainContent h3 {
	/* layout
	------------------ */
	margin-top: 30px;
	margin-bottom: 20px;
	padding-bottom: 4px;
	clear: both;
	/* formatting
	------------------ */
	border-bottom: 1px solid #E4E4E4;
	}

body.activity #boxMainContent hr { margin: 40px 0px; }

body.activity #boxMainContent #boxSupport {
	/* layout
	------------------ */
	position: relative;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	/* formatting
	------------------ */
	background: #C1D6F2 url(/media/img/interface/sustain_background2.png) no-repeat left top;
	}

	body.activity #boxMainContent #boxSupport h4 { margin: 5px 14px 10px 12px; font-size: 16px; line-height: 18px; text-align: center; color: #FFFFFF; text-shadow: 0px 1px 1px rgba(0,0,0,0.2); }
	body.activity #boxMainContent #boxSupport p.intro { margin: 0px 32px 5px 30px; }
	body.activity #boxMainContent #boxSupport p.bank { margin: 0px; font-size: 14px; line-height: 24px; font-weight: bold; color: #263B20; margin: 0px; padding: 5px 20px 20px 18px; text-align: center; background: #C1D6F2 url(/media/img/interface/sustain_background2.png) no-repeat left bottom; text-shadow: 0px 1px 0px rgba(255,255,255,0.6); }

body.activity #boxMainContent h1 { margin-top: 40px; margin-bottom: -10px; }




/*||||||||||||||||||| CONTATTI ||||||||||||||||
_________________________________________________________________ */

body.contacts #boxMainContent a {
	/* layout
	------------------ */
	margin: 40px auto 60px;
	padding: 0px;
	display: block;
	/* formatting
	------------------ */
	font-size: 24px;
	text-align: center;
}













/*####################################################### 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://www.positioniseverything.net/explorer/ie-listbug.html
(4)  http://www.positioniseverything.net/explorer/doubled-margin.html

*/