@import url('https://fonts.googleapis.com/css?family=Cinzel:400|Cinzel:700|Cinzel+Decorative:700&display=swap rel=stylesheet');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; font-family:"Lucida Grande",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:400; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: disc;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ""; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
br.last {display:block; padding-bottom:1em;}
html {-webkit-text-size-adjust: 100%;}
body {background:#fff; color:#009; line-height:1.5em; margin:0; padding:0;}
img {-ms-interpolation-mode:bicubic; image-rendering: -webkit-optimize-contrast;}
::-moz-selection {background:#cdc;}
::selection {background:#cdf;}

ul {margin:1em .5em .5em .5em; clear:both; display:block;} /* style="margin-top:1em;" */
li.none {list-style-type: none;}
li.slide {width:170px; height:180px; display:inline-block; margin:5px; background:#E0F0FF; position:relative; overflow-y:hidden;}
li.slide a {font-size:1em; text-decoration:none; color:#000;}
li.slide a b {display:none; font-weight:bold;}
li.slide a:hover b {display:block; position:absolute; top:0; left:0; z-index:50; border:0; padding:4px; line-height:1.1em; font-family:arial,helvetica,verdana,geneva,sans-serif; overflow:visible;}
li.slide a:hover img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity:.40;}
li.slide img {margin:0 auto; display:block; width:100%; height:auto; border:0;}
li.vert img {margin:0 auto; display:block; height:100%; width:auto; border:0;}
br {clear:both;}

#back-next {font-size:2.5em; text-align:right; display:block; width:94%; margin:.5em auto .5em auto;}
#back-next span.one, #back-next span.two {font-family:arial, impact, "Times New Roman", calibri, "Courier New", sans-serif;}
#back-next span.one {padding-right:0.5em;}
#back-next span.none {color:#09f; cursor:default;}
#back-next span.two {margin-right:-0.2em;  padding:0;}
#back-next a {font-decoration:none;}

#logo {font-family: Cinzel, serif; font-weight:700; font-size:1.5em; line-height:1em; background:#006; display:block; box-sizing:border-box; margin:0; padding:.25em 0 .2em .25em; border-left:.5em solid #f00; border-right:.5em solid #f00; color:#fff;}
#logo span {font-family: Cinzel, serif; font-weight:400;}
.cinz {font-family: 'Cinzel', serif;}
.cinz2 {font-family: 'Cinzel Decorative', serif; line-height:1.2em;}
a:link, a:visited {color:#00c; font-size:1em; text-decoration:none; margin:0; padding:0; font-weight:bold;}
a:hover {color:#f00; text-decoration:none;}
a:active {color:#09f;}
a.logo:link,a.logo:visited {color:#fff; text-decoration:none;}
a.logo:hover {color:#f00;}
h1 {font-size:1.5em; line-height:1.2em; font-weight:bold; margin:.5em 0; padding:1em 0 0 3%; clear:both; color:#009; text-shadow:1px 1px 2px #aaa;}
hr {border-top: 4px solid blue; border-bottom:4px solid red; background-color:#fff; height:4px; border-left:0; border-right:0; margin:1em .25em .5em 3%; box-sizing:content-box; clear:both;}
.indent {margin:0 0 2em 0;}
.indent h2 {font-size:1.2em; line-height:1.3em; font-weight:bold; margin:0; padding:0 0 .3em 3%; clear:both; color:#009;}
.indent h3 {float:left; padding:0 0 0 3.2%; line-height:1.5em; font-weight:normal; color:#009;}
.indent p {float:left; padding:0 0 0 3%; color:#000; display:block;}
.indent p.small {text-align:left; padding:0 0 1em 3%; color:#000; display:block; font-size:.9em;}
.indent ul {margin:1em .5em .5em 3%; color:#000; clear:both;}
.initial {float:left; margin: 0em 0.2em 0 -0.15em; height: 2em;}
.initial span {font:bold 3.2em/.94em "Lucida Grande",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; color:#009;}
h3 {float:left; padding:0 0 0 3%; line-height:1.5em; font-weight:normal; color:#009;}
img {width:94%; height:auto; border:1px solid #000; margin:0 auto; display:block;}
img.vert {width:60%; height:auto; border:1px solid #000; margin:0 auto; display:block;}
.picpair {width:94%; margin:0 auto; display:block;}
p.caption {font-size:1em; text-align:center; margin:0 auto; padding-top:.5em; max-width:90%; display:block; clear:both; color:#000;}
p.vert {width:60%; margin:0 auto; display:block;}
.blue {color:#009;}
.indent {margin:0 1em 2em 1em;}
.nav {width:100%; margin:0 0 1em 0; padding:0; list-style:none; clear:both; float:left; background:url(../pix/linkbg.jpg) right -50px repeat #1257b2; text-align:center;}
.nav li, #navpix li {display:inline-block; width:50%; margin:0; padding:0;}
.nav a:link, .nav a:visited, .nav .nolink, #navpix a:link, #navpix a:visited, #navpix .nolink {display:block; font-size:0.8em; line-height:2.2em; margin:0; padding:0 .4em; color:#fff; text-decoration:none; cursor:pointer; background:url(../pix/linkbg.jpg) left -50px repeat #1257b2; border-left:2px solid #E0F0FF;}
.nav a:hover, #navpix a:hover {color:#fff; background:url(../pix/linkbg.jpg) right top repeat; border-left:2px solid #f00;}
.nav .nolink, #navpix .nolink {font-weight:bold; cursor:default; color:#fff; background:url(../pix/linkbg.jpg) left top repeat #3888c7;}
.nav a:hover span.triangle {color:#f80;}
.nav li {display:inline-block; width:auto; margin:0; padding:0;}
.nav li.last {border-right:2px solid #E0F0FF;}
.nav ul {margin:0; clear:both;}
.none {cursor:default;}

b {font-weight:700;}

@media screen and (min-width:24em) {
#logo {font-size:1.8em;}
}

@media screen and (min-width:34em) {
#logo {font-size:2.5em;}
h1 {font-size:1.8em;}
.indent h2 {font-size:1.25em;}
.nav a:link, .nav a:visited, .nav .nolink, #navpix a:link, #navpix a:visited, #navpix .nolink {display:block; font-size:0.9em; line-height:2.2em; margin:0; padding:0 1em; color:#fff; text-decoration:none; cursor:pointer; background:url(../pix/linkbg.jpg) left -50px repeat #1257b2; border-left:2px solid #E0F0FF;}
.nav .nolink, #navpix .nolink {font-weight:bold; cursor:default; color:#fff; background:url(../pix/linkbg.jpg) left top repeat #3888c7;}
li.slide {width:204px; height:204px; display:inline-block; margin:5px; background:#E0F0FF; position:relative; overflow-y:hidden;}
}

@media screen and (min-width:64em) {
#logo {font-size:2.5em;}
#main1, .indent {max-width: 64em; margin:0 auto 2em auto; display:block;}
}

@media screen and (min-width:78em) {
#logo {font-size:3em;}

#main1, .indent {max-width:78em; margin:0 auto 2em auto; display:block;}
}