/*

@font-face {
  font-family: 'EBGaramond';
  src: local('-'),
       url('../fnt/EBGaramond12-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AppleGaramond';
  src: local('-'),
       url('../fnt/AppleGaramond.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AppleGaramond';
  src: local('-'),
       url('../fnt/AppleGaramond-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

*/

@font-face {
  font-family: 'AppleGaramond';
  src: local('-'),
       url('../fnt/AppleGaramond-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'AppleGaramond';
  src: local('-'),
       url('../fnt/AppleGaramond-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'AnjaEliane';
  src: local('-'),
       url('../fnt/AnjaElianeaccent002.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: local('-'),
       url('../fnt/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: local('-'),
       url('../fnt/OpenSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'OpenSans';
  src: local('-'),
       url('../fnt/OpenSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: local('-'),
       url('../fnt/OpenSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'OpenSans';
  src: local('-'),
       url('../fnt/OpenSans-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: local('-'),
       url('../fnt/OpenSans-SemiboldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'OpenSans';
  src: local('-'),
       url('../fnt/OpenSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: local('-'),
       url('../fnt/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'OpenSans';
  src: local('-'),
       url('../fnt/OpenSans-Extrabold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: local('-'),
       url('../fnt/OpenSans-ExtraboldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Times New Roman';
  src: local('-'),
       url('../fnt/times.ttf') format('truetype');
  font-weight: normal; /* 400; */
  font-style: normal;
}

@font-face {
  font-family: 'Times New Roman';
  src: local('-'),
       url('../fnt/timesi.ttf') format('truetype');
  font-weight: normal; /* 400; */
  font-style: italic;
}

@font-face {
  font-family: 'Times New Roman';
  src: local('-'),
       url('../fnt/timesbd.ttf') format('truetype');
  font-weight: bold; /* 700; */
  font-style: normal;
}

@font-face {
  font-family: 'Times New Roman';
  src: local('-'),
       url('../fnt/timesbi.ttf') format('truetype');
  font-weight: bold; /* 700; */
  font-style: italic;
}

/* All'epoca della creazione del sito, 2014-16,  IE visualizzava il AppleGaramond e AnjaEliane dati da TTF ma per Open Sans voleva il WOFF.
   2022.04.08 provato con Firefox 62.0 per Linux, Firefox 70.0 Portable ed Edge 100.0.1185.36 (derivato di Chromium) per Windows,
   ed tutti e tre i browser hanno visualizzato i TTF.  */

.here {
color: #dde0e8;
/* color: #ffdd00; giallo cromo */
/* color: #ee9c00; arancio link */
}

.sha {
box-shadow: 0.4px 1px 6px 0px #000000;
}

body {
margin: 0px;
padding: 0px;
background-color: #cb934b;
/* background-color: #00301d; */
background-image: url('../img/bg.wood.jpg');
background-position: top center;
background-repeat: repeat;
/* background-size: 100%; */
}

div, dl, dt, dd, p {
margin: 0px;
border: 0px;
padding: 0px;
}

div.clr {
clear: both;
height: 0px;
}

p.top {
margin-top: 15px;
margin-bottom: 12px;
margin-right: 40px;
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
font-size: 11px;
font-weight: normal;
/* font-size: 11.5px;
font-weight: bold; */
line-height: 13px;
letter-spacing: 0.2px;
text-align: right;
color: #552200;
/* color: #cb934b; */
}

p.top strong {
color: #2e5126;
}

div.box {
width: 966px;
margin-left: auto;
margin-right: auto;
}

div.win {
padding-top: 1px;
background-color: #01A165;
background-image: url('../img/bg.div.win.gif');
background-position: top center;
background-repeat: no-repeat;
}

/*
box-shadow: 0px 0px 2px 0px #000000, 0px 0px 10px 0px #000000;
box-shadow: h-shadow v-shadow blur spread color;
*/

div#head {
height: 250px;
background-image: url('../img/bg.div.head.jpg');
background-position: top center;
background-repeat: no-repeat;
}

div.title {
height: 190px;
background-image: url('../img/bg.div.title.jpg');
background-position: top 30px left;
background-repeat: no-repeat;
}

div#logo {
float: left;
width: 430px;
height: 190px;
}

div#logo h1 {
margin-top: 27px;
margin-bottom: 0px;
margin-left: 70px;
/* margin-left: 0px; per Times */
/* margin-right: 0px; */
font-family: AppleGaramond, "Times New Roman", Times, serif;
/* font-size: 88px;
font-weight: normal; */
/* font-size: 72px;
letter-spacing: 2.4px; */
font-size: 82px;
font-weight: bold;
font-style: italic;
letter-spacing: 3.2px;
/* letter-spacing: 0.8px; per Times */
color: #ffffff;
text-shadow: 2px 2px 12px #000000, 2px 2px 4px #000000;
}

div#logo h2 {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 87px;
font-family: "Times New Roman", Times, serif;
font-size: 30px;
font-weight: bold;
font-style: italic;
letter-spacing: 1.2px;
color: #ffffff;
text-shadow: 2px 2px 4px #000000, 2px 2px 4px #000000;
}

/* div#logo h3 {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
font-family: "Times New Roman", Times, serif;
font-size: 24px;
font-weight: bold;
font-style: italic;
letter-spacing: 1.0px;
color: #ffffff;
text-shadow: 2px 2px 4px #000000, 2px 2px 4px #000000;
} */

div#logo h1 + h2 {
margin-top: -3px;
}

/* div#logo h2 + h3 {
margin-top: 1px;
} */

div#tools {
float: right;
width: 530px;
height: 190px;
}

div.menu {
height: 40px;
padding-top: 10px;
padding-left: 40px;
padding-right: 40px;
}

div.menu div.left {
float: left;
}

div.menu div.right {
float: right;
}

div.menu .spc {
margin-right: 25px;
}

div.menu a {
color: #ffffff;
text-decoration: none;
}

div.menu a:hover {
color: #ee9c00;
text-decoration: none;
}

div.menu a:visited {
color: #ffffff;
text-decoration: none;
}

div.menu a:visited:hover {
color: #ee9c00;
text-decoration: none;
}

/* div.menu img {
width: 20px;
height: 20px;
vertical-align: middle;
} */

div.menu p {
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.2px;
line-height: 16px;
text-align: left;
color: #fff;
}

div.menu strong {
color: #fff;
}

div.content {
background-image: url('../img/bg.div.content.jpg');
background-position: top center;
background-repeat: no-repeat;
background-color: #84b661;  /* adapted to bg.div.content.jpg */
}

/* Per main e ads ho lasciato le div.pad perché
   1. Toglierle incasinava la regolazione delle altezze, e avrei dovuto scrivere una funzione più complicata
   2. Hanno senso. Lasciarle permette di intervallare sezioni con e senza padding:
      nelle prime il testo, nelle seconde pubblicità o altro */

div.main {
float: left;
width: 656px;
background-image: url('../img/bg.div.main.gif');
background-position: top left;
background-repeat: no-repeat;
background-color: #e9e8e6;
}

div.main div.pad {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 40px;
padding-right: 30px;
}

/* per togliere il padding non basta rimuovere le istruzioni, occorre specificare 0px
   a meno che non lo si sia fatto già prima per una div generica  */

div.main :first-child {
margin-top: 0px;
}

/* perché toglierlo e metterlo non cambia nulla?
   (il margine è predefinito 0 per il paragrafo generico, ma per quello in div.main a 20)
   perché il margine di 20px collassa col padding di 30px - rimuovendo il padding si nota la differenza */

div.main .small {
font-size: 17px;
line-height: 24px;
}

div.main .smaller {
font-size: 16px;
line-height: 23px;
}

div.main a {
color: #CA5705;
/* color: #0066B8; blu */
text-decoration: none;
}

div.main a:hover {
color: #EE9C00;
/* color: #B97900; */
/* color: #33BBFF; blu */
text-decoration: none;
}

div.main a:visited {
color: #873600;
/* color: #004488; blu */
text-decoration: none;
}

div.main a:visited:hover {
color: #EE9C00;
/* color: #33BBFF; blu */
text-decoration: none;
}

div.main h1, div.main h2, div.main h3, div.main h4, div.main h5, div.main h6 {
/* margin-top: 30px; */
margin-top: 26px;
margin-bottom: 0px;
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
/* font-family: OpenSans, Arial, Helvetica, Sans, sans-serif; */
/* font-family: AppleGaramond, "Times New Roman", Times, serif; un po' condensato */
/* font-family: EBGaramond, "Times New Roman", Times, serif; */
/* font-weight: 800; OpenSans */
/* font-weight: 800; opensans */
font-weight: normal;
font-style: normal;
text-align: left;
color: #ab4834;
/* color: #8c4834; */
/* color: #6c4834; */
}

div.main h1 {
font-size: 43px;
/* font-size: 44px; */
/* font-size: 38px; */
/* letter-spacing: 0.9px; */
}

div.main h2 {
font-size: 36px;
/* font-size: 40px;
letter-spacing: 0.7px; */
}

div.main h3 {
font-size: 30px;
/* font-size: 36px;
letter-spacing: 0.6px; */
}

div.main h4 {
font-size: 25px;
/* font-size: 32px;
letter-spacing: 0.5px; */
}

div.main h5 {
font-size: 21px;
/* font-size: 28px;
letter-spacing: 0.4px; */
}

div.main h6 {
font-size: 18px;
/* font-size: 24px;
letter-spacing: 0.3px; */
}

div.main h1 + h2 {
margin-top: 10px;
}

div.main h2 + h3 {
margin-top: 10px;
}

div.main h3 + h4 {
margin-top: 10px;
}

div.main h4 + h5 {
margin-top: 10px;
}

div.main h5 + h6 {
margin-top: 10px;
}

div.main h1 + p {
margin-top: 15px;
}

div.main h2 + p {
margin-top: 15px;
}

div.main h3 + p {
margin-top: 15px;
}

div.main h4 + p {
margin-top: 12px;
}

div.main h5 + p {
margin-top: 10px;
}

div.main h6 + p {
margin-top: 10px;
}

div.main dl {
margin-top: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}

div.main dt {
margin-top: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
font-size: 18px;
font-weight: bold;
color: #a44834;
/* color: maroon; */
/* color: #52443C; */
text-align: left;
line-height: 26px;
}

div.main dd {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
font-size: 18px;
color: #000;
text-align: justify;
line-height: 26px;
}

div.main p {
margin-top: 20px;
margin-bottom: 0px;
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
/* font-family: EBGaramond, "Times New Roman", Times, serif; */
font-size: 18px;
text-align: justify;
color: #222;
line-height: 26px;
/* font-size: 16px; */
/* color: #222222; */
/* line-height: 20px; */
}

div.main p.center {
text-align: center;
}

div.main p.pic_caption {
margin-top: 8px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 5px;
font-style: italic;
font-size: 16px;
line-height: 23px;
text-align: justify;
}

div.main p.sig {
width: 220px;
margin-left: auto;
margin-right: 20px;
text-align: left;
}

div.main li {
margin: 0px;
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
font-size: 18px;
text-align: justify;
color: #222;
line-height: 26px;
}

div.main b {
line-height: 100%;
}

div.main i {
line-height: 100%;
}

div.main em {
line-height: 100%;
color: #8c4834;
}

div.main strong {
line-height: 100%;
color: #a44834;
/* color: #8c4834; */
/* color: #52443C; */
}

div.ads {
float: right;
width: 310px;
background: linear-gradient(transparent, #afca6e); /* #b4e661 */
}

 div.ads div.pad {
padding-top: 32px;    /*25*/
padding-bottom: 32px;
padding-left: 30px;
padding-right: 40px;
}

div.ads :first-child {
margin-top: 0px;
}

div.ads .small {
font-size: 16px;
line-height: 23px;
}

div.ads a {
color: #C2570A;
/* color: #C2570A; */  /* like #CA5705 in DIV.main, corrected */
text-decoration: none;
}

div.ads a:hover {
color: #EE9C00;
text-decoration: none;
}

div.ads a:visited {
color: #873600;
text-decoration: none;
}

div.ads a:visited:hover {
color: #EE9C00;
text-decoration: none;
}

div.ads h1, div.ads h2, div.ads h3, div.ads h4, div.ads h5, div.ads h6 {
margin-top: 17px;
margin-bottom: 0px;
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
/* font-weight: 800; OpenSans */
/* font-weight: 800; opensans */
font-weight: bold;
font-style: normal;
text-align: left;
color: #23481a;
}

div.ads h1 {
font-size: 21px;
}

div.ads h2 {
font-size: 18px;
}

div.ads h3 {
font-size: 16px;
}

div.ads h4 {
font-size: 15px;
}

div.ads h5 {
font-size: 15px;
}

div.ads h6 {
font-size: 15px;
}

div.ads h1 + h2 {
margin-top: 5px;
}

div.ads h2 + h3 {
margin-top: 5px;
}

div.ads h3 + h4 {
margin-top: 5px;
}

div.ads h4 + h5 {
margin-top: 5px;
}

div.ads h5 + h6 {
margin-top: 5px;
}

div.ads h3 + p {
margin-top: 10px;
}

div.ads dl {
margin-top: 23px;
}

div.ads dt {
margin-top: 10px;
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
font-size: 17px;
font-weight: bold;
line-height: 20px;
color: #23481a;
text-align: left;
}

div.ads dd {
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
font-size: 17px;
line-height: 20px;
color: #222;
text-align: left;
}

div.ads p {
margin-top: 23px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
font-size: 17px;
/* line-height: 23px; */
text-align: left;
color: #222;
/* color: #222222; */
}

div.ads b {
line-height: 100%;
}

div.ads i {
line-height: 100%;
}

div.ads em {
color: #23481a;
line-height: 100%;
}

div.ads strong {
color: #23481a;
line-height: 100%;
}

div.ads div.ad {
width: 310px;
height: 310px;
/* margin-top: 10px; */                    /* first child is 0 */
background-position: center center;
background-repeat: no-repeat;
}

div.ads img {
margin: 0px;
border: none;
padding: 0px;
}

div#foot {
background-color: #01A165;
background-image: url('../img/bg.div.foot.jpg');
background-position: bottom center;
background-repeat: no-repeat;
}

div.footer {
padding-top: 25px;
padding-bottom: 0px;
padding-left: 40px;
padding-right: 40px;
}

div.c1c2 {
float: left;
width: 428px;
}

div.c3c4 {
float: right;
width: 428px;
}

div.c1 {
float: left;
width: 199px;
}

div.c2 {
float: right;
width: 199px;
}

div.c3 {
float: left;
width: 199px;
}

div.c4 {
float: right;
width: 199px;
}

div.footer a {
color: #ffffff;
text-decoration: none;
}

div.footer a:visited {
color: #ffffff;
text-decoration: none;
}

div.footer a:hover {
color: #ee9c00;
text-decoration: none;
}

div.footer a:visited:hover {
color: #ee9c00;
text-decoration: none;
}

div.footer p {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.2px;
line-height: 23px;
text-align: left;
color: #eee;
}

div.c4 p {
text-align: right;
}

div.underfooter {
padding-top: 0px;
padding-bottom: 25px;
padding-left: 40px;
padding-right: 40px;
}

div.underfooter p {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
font-size: 13px;
letter-spacing: 0.2px;
text-align: justify;
color: #eee;
}

div.underfooter p.left {
float: left;
width: 440px;
margin-top: 20px;
text-align: left;
}

div.underfooter p.right {
float: right;
width: 440px;
margin-top: 20px;
text-align: right;
}

/* --------------- */

img.arrow {
width: 20px;
height: 40px;
opacity: 0.4;
}

div#w1 {
width: 680px;
margin-top: 100px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
}

p#pre1 {
float: left;
width: 40px;
line-height: 440px;
}

p#nex1 {
float: right;
width: 40px;
line-height: 440px;
text-align: right;
}

div#p1 {
position: relative; /* to make it positioned and let content have non-collapsible margins */
width: 600px;
height: 440px;
margin-left: auto;
margin-right: auto;
background-color: #0063c0;
/* background-color: #0165ff; */
background-image: url('../img/bg.p1.jpg');
background-position: top center;
background-repeat: no-repeat;
}

div#w2 {
width: 880px;
margin-top: 100px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
}

p#pre2 {
float: left;
width: 40px;
line-height: 560px;
}

p#nex2 {
float: right;
width: 40px;
line-height: 560px;
text-align: right;
}

div#p2 {
position: relative;
width: 800px;
height: 560px;
margin-left: auto;
margin-right: auto;
background-color: #01A165;
background-image: url('../img/bg.div.head.jpg');
background-position: top center;
background-repeat: no-repeat;
}

/* --------------- */

div#p1 *, div#p2 * {
position: absolute;
top: 200px;
left: 60px;
margin: 0px; /* needed or elements inherit margins from some ancestor, probably w1 */
color: #ffffff;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
font-style: italic;
font-size: 64px;
letter-spacing: 2.2px;
text-shadow: 2px 2px 10px #000000, 2px 2px 4px #000000;
}

div#p1 h3 {
top: 140px;
left: 80px;
font-family: AppleGaramond, "Times New Roman", Times, serif;
font-size: 128px;
letter-spacing: 4.2px;
text-shadow: 2px 2px 14px #000000, 2px 2px 5px #000000;
}

div#p1 h4#a {
top: 270px;
left: 97px;
font-size: 54px;
}

/* div#p1 h4#a {           usato per "in a" nella versione con "in a nutshell"
top: 263px;
left: 97px;
word-spacing: -3px;
} */

/* div#p1 h4#b {           usato per "nutshell" nella versione con "in a nutshell"
top: 265px;
left: 220px;
font-size: 88px;
} */

div#p1 p {
}

div#p2 h3 {
}

/* --------------- */

/* div.credits ripete lo stile di div.main coi soli elementi necessari*/

div.credits {
position: relative; /* to make it positioned and let content have non-collapsible margins */
width: 800px;
margin-left: auto;
margin-right: auto;
background-image: url('../img/bg.div.main.gif');
background-position: top left;
background-repeat: no-repeat;
background-color: #e9e8e6;
}

div.credits div.pad {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 40px;
padding-right: 40px;
}

div.credits :first-child {
margin-top: 0px;
}

div.credits .small {
font-size: 17px;
line-height: 24px;
}

div.credits .smaller {
font-size: 16px;
line-height: 23px;
}

div.credits a {
color: #CA5705;
text-decoration: none;
}

div.credits a:hover {
color: #EE9C00;
text-decoration: none;
}

div.credits a:visited {
color: #873600;
text-decoration: none;
}

div.credits a:visited:hover {
color: #EE9C00;
text-decoration: none;
}

div.credits h1, div.credits h2, div.credits h3, div.credits h4, div.credits h5, div.credits h6 {
margin-top: 26px;
margin-bottom: 0px;
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
font-weight: normal;
font-style: normal;
text-align: left;
color: #ab4834;
}

div.credits h1 {
font-size: 43px;
}

div.credits h2 {
font-size: 36px;
}

div.credits h3 {
font-size: 30px;
}

div.credits h4 {
font-size: 25px;
}

div.credits h5 {
font-size: 21px;
}

div.credits h6 {
font-size: 18px;
}

div.credits h1 + h2 {
margin-top: 10px;
}

div.credits h2 + h3 {
margin-top: 10px;
}

div.credits h3 + h4 {
margin-top: 10px;
}

div.credits h4 + h5 {
margin-top: 10px;
}

div.credits h5 + h6 {
margin-top: 10px;
}

div.credits h1 + p {
margin-top: 15px;
}

div.credits h2 + p {
margin-top: 15px;
}

div.credits h3 + p {
margin-top: 15px;
}

div.credits h4 + p {
margin-top: 12px;
}

div.credits h5 + p {
margin-top: 10px;
}

div.credits h6 + p {
margin-top: 10px;
}

div.credits dl {
margin-top: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}

div.credits dt {
margin-top: 20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
font-size: 18px;
font-weight: bold;
color: maroon;
/* color: #ab4834; */
text-align: left;
line-height: 26px;
}

div.credits dd {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
font-size: 18px;
color: #000;
text-align: justify;
line-height: 26px;
}

div.credits p {
margin-top: 20px;
margin-bottom: 0px;
font-family: OpenSans, Arial, Helvetica, Sans, sans-serif;
font-size: 18px;
text-align: justify;
color: #222;
line-height: 26px;
}

div.credits p.center {
text-align: center;
}

div.credits p.pic_caption {
margin-top: 8px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 5px;
font-style: italic;
font-size: 16px;
line-height: 23px;
text-align: justify;main
}

div.credits p.sig {
width: 220px;
margin-left: auto;
margin-right: 20px;
text-align: left;
}

div.credits b {
line-height: 100%;
}

div.credits i {
line-height: 100%;
}

div.credits em {
line-height: 100%;
color: #8c4834;
}

div.credits strong {
line-height: 100%;
color: #a44834;
}