.gecko div#content{height: 600px;position:absolute;width:978px;padding:0px 10px 0px 10px;background: url(images/bg/risorse.jpg) no-repeat top center;}
.gecko div#content img{border: 0;}
.gecko div#content img#vass_small{margin: 68px 0px 0px 40px;float: left;}
.gecko div#content img#risorse_g{margin: 375px 0px 0px -350px;float: left;}
.gecko div#content img#gesris{margin: 405px 0px 0px -330px;float: left;}
.gecko div#content img#formazione{margin: 435px 0px 0px -330px;float: left;}


.gecko div#wn {
	float: left;
	height: 480px;
	width: 370px;
	overflow: hidden;
	margin: 55px 0px 0px 155px;
}
.gecko div#lyr1 {
	position: absolute;
	color: grey;
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: none;
	padding: 0px 20px 0 0;
}
.gecko div#lyr1 h3{
	color: #3b4ca5;
	font-family: verdana;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: bold;
}
div#scrollbar { 
  float:left;
  margin-top: 200px;
  width:11px; height:200px; 
  font-size:1px;  /* for image vertical alignment issue */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:176px;
  background: #336;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment [1]*/
div#scrollbar img {
    display:block; 
    } 









.gecko div#risorsetext {
	height: 480px;
	width: 370px;
	overflow: auto;
	color: grey;
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: none;
	margin: 50px 0px 0px 155px;
	padding: 0 20px 0 0;
	float: left;
}
.gecko div#risorsetext h3{
	color: #3b4ca5;
	font-family: verdana;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: bold;
}

/*IE Style*/
.ie div#content{height: 600px;width:970px;position:absolute;padding:0px 10px 0px 10px;background: url(images/bg/risorse.jpg) no-repeat top center; margin-top: -5px;}
.ie div#content img{border: 0;}
.ie div#content img#vass_small{margin: 68px 0px 0px 40px;float: left;}
.ie div#content img#risorse_g{margin: 375px 0px 0px -350px;float: left;}
.ie div#content img#gesris{margin: 405px 0px 0px -330px;float: left;}
.ie div#content img#formazione{margin: 435px 0px 0px -330px;float: left;}


.ie div#wn {
	float: left;
	height: 480px;
	width: 370px;
	overflow: hidden;
	margin: 55px 0px 0px 155px;
}
.ie div#lyr1 {
	position: absolute;
	color: grey;
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: none;
	padding: 0px 20px 0 0;
}
.ie div#lyr1 h3{
	color: #3b4ca5;
	font-family: verdana;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: bold;
}
div#scrollbar { 
  float:left;
  margin-top: 200px;
  width:11px; height:200px; 
  font-size:1px;  /* for image vertical alignment issue */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:176px;
  background: #336;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment [1]*/
div#scrollbar img {
    display:block; 
    } 









.ie div#risorsetext {
	height: 480px;
	width: 370px;
	overflow: auto;
	color: grey;
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: none;
	margin: 50px 0px 0px 155px;
	padding: 0 20px 0 0;
	float: left;
}
.ie div#risorsetext h3{
	color: #3b4ca5;
	font-family: verdana;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: bold;
}

/*Safari & Chrome Style*/

.safari div#content{height: 600px;width:970px;position:absolute;padding:0px 10px 0px 10px;background: url(images/bg/risorse.jpg) no-repeat top center; margin-top: -5px;}
.safari div#content img{border: 0;}
.safari div#content img#vass_small{margin: 68px 0px 0px 40px;float: left;}
.safari div#content img#risorse_g{margin: 375px 0px 0px -350px;float: left;}
.safari div#content img#gesris{margin: 405px 0px 0px -330px;float: left;}
.safari div#content img#formazione{margin: 435px 0px 0px -330px;float: left;}


.safari div#wn {
	float: left;
	height: 480px;
	width: 370px;
	overflow: hidden;
	margin: 55px 0px 0px 155px;
}
.safari div#lyr1 {
	position: absolute;
	color: grey;
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: none;
	padding: 0px 20px 0 0;
}
.safari div#lyr1 h3{
	color: #3b4ca5;
	font-family: verdana;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: bold;
}
div#scrollbar { 
  float:left;
  margin-top: 200px;
  width:11px; height:200px; 
  font-size:1px;  /* for image vertical alignment issue */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:176px;
  background: #336;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment [1]*/
div#scrollbar img {
    display:block; 
    } 









.safari div#risorsetext {
	height: 480px;
	width: 370px;
	overflow: auto;
	color: grey;
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: none;
	margin: 50px 0px 0px 155px;
	padding: 0 20px 0 0;
	float: left;
}
.safari div#risorsetext h3{
	color: #3b4ca5;
	font-family: verdana;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: justify;
	text-decoration: bold;
}