html {margin: 0; padding: 0; height: 100%; Width: 100%; background:transparent; overflow: hidden }
body {font: 84% georgia, sans-serif; line-height: 1.88889; color: #584B18; margin: 0; padding: 0; height: 93%; Width: 100%; background: url(sf/sf_view_999c.JPG) repeat fixed top; overflow: hidden; background-color: #DCD9AF }
body { scrollbar-face-color: #FED094; scrollbar-shadow-color: white; scrollbar-highlight-color: white; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: #988F5E; scrollbar-track-color: #FFFFC1; scrollbar-arrow-color: #988F5E}
#background {	Z-INDEX: 2; WIDTH: 100%;/* POSITION: absolute;*/ HEIGHT: 97%; BOTTOM: 60px;/* overflow: hidden;*/   }
#Scroller {Z-INDEX: 3; LEFT: 0%; text-align: center; PADDING-TOP: 0px; TOP: 0%; BOTTOM: 65px; OVERFLOW: auto; HEIGHT: 93%;  WIDTH: 100%; POSITION: absolute; background-color: transparent;}

p { margin-top: 0; text-align: justify;	color: #584B18; }
h3 {font: italic normal 1.4em georgia, sans-serif; letter-spacing: 1px; margin-bottom: 0; color: #7D775C;}
a:link {font-weight: bold; text-decoration: none; color: #584B18; ;}
a:visited {font-weight: bold; text-decoration: none; color: #584B18; ;}
a:hover, a:active {text-decoration: underline; color: white;/* font-size: 90%*/ }

#Footer {Z-INDEX: 7; BOTTOM: 0px; LEFT: 0px; HEIGHT: 66px; WIDTH: 100%; POSITION: absolute; BORDER-TOP: 5px solid olive; /*background: url(sf_bottom_gold.gif) repeat-x fixed bottom*/ }
/*.tr_footer { filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
.tr_menu { filter:alpha(opacity=84); -moz-opacity:.84; opacity:.84; }*/

#Footer_start {Z-INDEX: 8; BOTTOM: 0px; LEFT: 1px; HEIGHT:134px; WIDTH: auto; POSITION: absolute; padding: 2px; background: transparent) }
#Footer_menu { Z-INDEX: 9; BOTTOM: 0px; FLOAT: left; MARGIN-LEFT: 100px;  HEIGHT: 84px; WIDTH: auto; POSITION: absolute; padding: 2px; BORDER-TOP: 0px solid SLateGray; BACKGROUND: transparent;  }
 #Footer_arki {Z-INDEX: 8; BOTTOM: 0px; RIGHT: 10px; HEIGHT:84px; WIDTH: auto; POSITION: absolute; padding: 2px; background: transparent) }

#container { width: auto; text-align: center; margin: 0px auto 0px auto; color: #584B18; }
#overview { Z-INDEX: 7; height: auto; min-width: 470px; width: auto; background: transparent}
#intro {clear: left; font: normal 1.1em/2.2 georgia; padding: 0px 0px 0 0px; }

@media all and (max-width: 480px) {  img {  margin:10px auto;  float:none;  display:block;  }}
@media all and (max-width: 240px) {  img {  display:none;  }
.info {    position:static;  }}

.clear { clear: both; }

.tlft { Z-INDEX: 101; TOP: 0%; LEFT: 1%; FLOAT: left; POSITION: absolute;}
.trgt { Z-INDEX: 102; TOP: 0%; RIGHT: 3%; FLOAT: right; POSITION: absolute; /*text-align: justify;*/ }
.blft { Z-INDEX: 103; BOTTOM: 0%; LEFT: 0%; FLOAT: left; POSITION: absolute;}
.brgt { Z-INDEX: 104; BOTTOM: 0%; RIGHT: 0%; FLOAT: right; POSITION: absolute;}


#top {background: transparent; height: auto; }
/*.top_lft { float: left; width: 30px; height: 70px; margin: 4px;  padding: 5px; border: 0px solid crimson;text-align: center}
.top_cntr { float: left; width: 490px; height: 270px; margin: 4px;  padding: 7px; border: 0px solid crimson;text-align: center; color: #005300 }
.top_rgt { float: right; width: 187px; height: 70px;  margin: 4px; margin-top: 5px; padding: 5px; border: 0px solid crimson;text-align: center }*/

#main  {background:transparent ; width: 444px; height: 555px; margin: 3px auto 5px auto; padding: 5px; text-align: center; font-size: 12px; /*overflow: auto */}

.main_lft {float: left; width: 111px; height: auto; text-align: center; /*background:url(sf/pergamine_g.JPG)*/ ; margin: 4px; margin-top: 0px; padding: 5px; border: 0px solid crimson; color: #005300; font-size: 12px;  }
.main_cntr {float: left; width: 155px; text-align: center; background:transparent ; height: auto;  /*border-left: 1px solid crimson;*/ margin: 4px; margin-top: 7px; color: #005300; font-size: 12px; padding: 7px; border: 0px solid crimson; /*padding: 10 10 10 10 ;*/ /*background-image: url(sf/Mondo_mappa.gif)*/ }
.main_rgt {FLOAT: right; width:111px; height: auto; text-align: center; /*background:url(sf/pergamine_g.JPG) */; margin: 4px; margin-top: 0px; padding: 5px; color: #005300; font-size: 12px; border: 0px solid crimson; }

.lft { FLOAT: left}
.rgt { FLOAT: right}