/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html{height:100%}

body{
	height:100%;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
 background: #FFFFFF url("img/wrap.jpg") repeat-y left top;
}
a:link, a:visited, a:hover {
	color: #3C8FA7;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6, input, form, label {
	margin: 0px;
	padding: 0px;
}
h1{
	font-size: 140%;
	color: #3C8FA7;
}
h2{
	font-size: 125%;
	color: #3C8FA7;
}
h3{
	font-size: 105%;
	color: #3C8FA7;
}
h4{
	font-size: 100%;
	font-weight: normal;
	color: #3C8FA7;
}

ul{
 	list-style-type: none;
 	list-style-image: url("");
}
label{
	color: #666;
}
hr {
/* For Internet Explorer */
	height: 1px; 
	color: #3C8FA7; 
	border: none; 
	width:90% 
} 
html>body hr {
/* For Opera a   nd Gecko-based browsers */
	background-color: #3C8FA7; 
	border: 0px solid #3C8FA7;
} 
input{
}
			

/***********************************************/
/* MAIN Layout Divs                            */
/***********************************************/
table.main {	
	margin: 0px;
	padding: 0px;	
 width: 100%;
 height: 100%;
	background:  url("img/subwrap.gif") repeat-y right top;
}
td.middle {
 vertical-align:top;
	margin: 0px;
	padding: 0px;
 background: url("img/onda.gif") no-repeat left top;
 border-top: 4px solid #59A2B1;
	height: 90%;
}
td.overbottom {	
 background: #E4F0DB url("img/overbottom.gif") repeat-y  left bottom;	
 vertical-align:bottom;
	margin: 0px;
	padding: 0px;
	height:52px;
	padding-left: 270px;
}
td.overbottom img{
 margin: 0px;
	padding: 0px;
	padding-right:10px;
	border: none;		
}
td.bottom {	
	background: #B9D7A0 url("img/siteinfo_left.gif") no-repeat left bottom;	
 vertical-align:bottom;	
	margin: 0px;
	padding: 0px;
	height:25px;
	border-top:1px solid #fff;
}
td.bottom img {
	margin: 0px;
	padding: 0px;
	float:left;
}

/***********************************************/
/* MASTHEAD                                    */
/***********************************************/

#masthead{
	margin: 0;
	padding:0;	
	width: 100%;
	height: 88px;
	background: #FFFFFF url("img/masthead.gif") no-repeat left top;
}
#siteName{
 position:absolute; 
	width:507px; 
	z-index:2; 
	top: 0px;
	left:80px;		
}
.siteLogo{
	float:left;
	margin-left:6px;
}
.siteLogo img {
 margin-left:8px;
	border:none;
}
.siteTitle {
	font-size: 125%;
	font-weight: bold;
	padding:0px;
	margin:35px 0px 0px 10px;
	color:#3C8FA7;
}
.siteSubtitle {
	font-size: 55%;
	font-weight: bold;
	padding:0px;
	margin:0px;
	color:#3C8FA7;
}

/***********************************************/
/* TOP-NAV and IMG                             */
/***********************************************/
#globalNav{
 line-height:20px;	
	padding: 0px 15px 0px 0px;
	margin:0px;
	text-align:right;
	white-space: nowrap;
	/*'normal' reset to line-wrap */
}
html>body #globalNav {padding: 2px 15px 0px 0px;}
#globalNav img{
}
#globalNav a {
	font-size: 70%;
	padding: 0px;	
	margin:0 3px 0 3px;
	font-weight: bold;
}
#globalNav a:link, #globalNav a:visited {
	color:#666;/*#508127*/
	text-decoration:none; 
}
#globalNav a:hover {
	text-decoration:none;
	border-bottom:3px solid #B9D7A1; 
}
#globalNav span { 
	font-size: 20px;
	line-height:20px;
	color: #E4F0DC;		
	border-right:2px solid #E4F0DB;
 vertical-align:middle;
}
html>body #globalNav span {vertical-align: baseline;}

/***********************************************/
/* BREADCRUMB                                  */
/***********************************************/
#breadCrumb{
	font-size: 80%;
	padding: 0px;
	margin: 0px -1px 0px 0px;
	background: #E4F0DB url("img/breadcrumb_in.gif") no-repeat left top;
	line-height:26px;
}
#breadCrumbOut{
	/*width: 100%;*/
	font-size: 70%;
	padding: 0;
	background: #BAD7A1 url("img/breadcrumb.jpg") repeat-y left top;
	border-bottom: 1px solid #FFFFFF;
	line-height:22px;
}
#breadCrumbOut a{
color: #333;
text-decoration: none;
}
#breadCrumbOut a:hover{
text-decoration: underline;
}
.breadLeft{
	float:right;	
}
.breadRight{
	padding: 0px 0px 0px 0px;
	background-color: #E4F0DC;
	margin-right:15px;
	float:right;
	height:22px;
	width:190px;
	text-align:center;
}
#breadCrumbOut  a.font, #breadCrumbOut a.contrast, #breadCrumbOut a.print{ 
	/*font-family: Verdana, Arial, sans-serif;*/
	float:left;
	background-color: #E4F0DB;	
	display:block;
	margin:3px 3px 1px 3px;
	background-color: #E4F0DB;
	padding:0px;
	line-height: 15px;	
	width: 19px;
	text-align:center; 
	border:1px solid #E4F0DB;
}
#breadCrumbOut a.print{
	border:1px solid #FFF;
	background-color: #FFF;
}
#breadCrumbOut a.contrast{
 margin-right:4px;
	border:1px solid #59A2B2;
	background-color: #59A2B2; 
	font-weight:bold;color:#FFF
}
html>body #breadCrumbOut a.contrast {margin-right:8px;}
#breadCrumbOut a.font:hover, #breadCrumbOut a.contrast:hover, #breadCrumbOut a.print:hover{
	background-color:#BAD7A1;
	border:1px solid #333;
	text-decoration: none;
}
/***********************************************/
/* CONTENT                                     */
/***********************************************/
#content{
	margin-top: 0px;
	margin-left: 210px;
	margin-right:15px;
	padding: 0px 0px 14px 44px;
	font-size:80%;
}
#content ul {list-style: url("img/ul_ie.gif") }
html>body #content ul {list-style: url("img/ul.gif")}

/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 0px 10px;
	background-color:#59A2B2;
	color:#FFFFFF;
	line-height:35px;
		margin-left: 235px;
}
.paginazione {
	padding: 0;
	padding-top:10px; 
	margin: 0;
 margin-top:40px;
	border-top: 1px solid #3C8FA7;
	text-align:right;
	font-size:0.85em;
}

/************** .feature .story styles ********/

.feature{
	padding: 5px 5px 10px 6px;
}
.feature h2 {
  margin-top: 0.8em/* !important*/;
  margin-bottom: 0.5em/* !important*/;
}
.feature h3 { 
  margin-top: 0.7em/* !important*/;
  margin-bottom: 0/* !important*/;
}
.feature ul {
  margin-bottom: 1.4em/* !important*/;
}
.feature li {
  margin-bottom: 0.35em/* !important*/;
}
.story{
/*clear: both; DA NON USARE con html/body/table-height:100% */
 border-top:20px solid #E4F0DC;
	padding: 10px 8px 10px 8px;/*10px 5px 10px 6px*/
}
.story h2 {
	padding-left: 0px !important;/*10px*/
	margin-right: 0 !important;
	margin-left: 0 !important;
	font-size: 1.4em !important;
	border-bottom: 1px solid #3C8FA7;
}
.story h3 {	
	line-height: 1.3em !important;
	margin-bottom: 0 !important;
}
.story h3 a:link, .story h3 a:visited{
	color: #3C8FA7;
	text-decoration: underline;
}
.story h3 a:hover{
text-decoration: none;
}
.story h3 em {
	color:#666 ;/*#596969*/
	font-size: 0.9em;
	font-weight: normal;
	font-style: normal
}
.story h4 {
	margin: 0 0 0 28px !important;
}
.story p {
	margin-top: 0.3em !important;
	margin-right: 10% !important;
	margin-left: 28px !important;
}
.story a img{ 
	vertical-align: text-bottom;
	margin-bottom:1px;
}

/*********** #headlines styles *************/
#headlines{
	margin: 0px;
	float:right;
	width:185px;
	padding: 0px 5px 0px 0px;
}
#headlines ul a:link, #headlines ul a:visited {display: block; text-decoration:none; color:#333}
#headlines ul a:hover {display: block; text-decoration:underline}
#content #headlines ul {list-style: none;  margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#headlines li {border-bottom: 1px solid #E0EED4;}

/* fix for browsers that don't need the hack */
html>body #headlines li {border-bottom: none;}

/***********************************************/
/*SEARCH                                       */
/***********************************************/
#search{
	margin-top:10px;
	padding: 5px 0px 5px 7px;
}
#search label{
	display: block;
	font-size: 0.8em;
	font-weight: bold;
}
#search input {
  vertical-align: middle;
}
#search input.ricerca {
  color: #3C8FA7;
  width: 136px;
  border: 1px solid #999;
}

/***********************************************/
/*NAVBAR and Component                         */
/***********************************************/
#navBar{
	margin: 0;
	margin-left: 8px;
	float: left;
	width:180px;
	padding: 0px;
	font-size: 85%;
}
#navBar ul a:link, #navBar ul a:visited {display: block; text-decoration:none; color:#333}
#navBar ul a:hover {display: block; text-decoration:underline}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #E0EED4;}

/* fix for browsers that don't need the hack */
html>body #navBar {margin-left: 17px;}
html>body #navBar li {border-bottom: none;}

/*********** #sectionLinks styles ***********/
#navBar .sectionLinks{
 /*position: relative;	??!!*/
	margin: 0px;
	padding: 0px;
}
#navBar .sectionLinks li{
 font-size: 0.8em;
	line-height: 17px;	
}
#navBar .sectionLinks h3{
	padding:4px 0px 3px 10px;
	margin-top:17px;
 /*text-transform: uppercase;*/
	display:block;
	color: #3C8FA7;
	background-color:#E6EFDC;
}
#navBar .sectionLinks a:link, #navBar .sectionLinks a:visited{
	padding: 2px 0px 2px 23px;
	color:#333;
	width: 100%;
 voice-family: "\"}\""; 
 voice-family:inherit;
	width: auto;
	background:  url("img/arrow_blu.gif") 7px 0.6em no-repeat;
}

#navBar .sectionLinks a:hover{
	padding: 2px 0px 2px 23px;
	background: #F6F9F0 url("img/arrow_green.gif") 7px 0.6em no-repeat;
}
/* fix for browsers that don't need the hack */
html>body #navBar .sectionLinks a:link, #navBar .sectionLinks a:visited, #navBar .sectionLinks a:hover {border-top:1px solid #E0EED4;}
html>body #navBar .sectionLinks a.actuator:link, #navBar .sectionLinks a.actuator:visited, #navBar .sectionLinks a.actuator:hover {border-top:none;}
/***********************************************/
/* SITE INFO                                   */
/***********************************************/
#siteInfo{
	/*background: url("img/siteinfo_left.gif") no-repeat left bottom;*/
	height:25px;
	line-height:25px;
	padding:0px 15px 0 0;
	margin:0px;
 font-size:70%;	
	text-align:right;
}

/***********************************************/
/* MIX                                         */
/***********************************************/
.white {color: #ffffff;}
/*.olive {color: #508127;}*/
.darkgrey{color: #666;}
.darkgreen{color: #3C8FA7;}
.bkg_darkgreen {color: #59A2B2;}
.bkg_green {color: #B9D7A0;}
.bkg_lightgreen {color: #E4F0DB;}

.floatleft{
	float: left;
}
.floatright{
	float: right;	
}
.spacer {
	clear: both;
	font-size:1px;
}
html>body #spacer{margin-top: -1px; font-size:1px;}

.stopFloat {
  display: block;
  clear: both;
  float: none;
  height: 0px;/*1px*/
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;	
}
#img_spacer{
	float:left;
	display:none;
}