a {
     color: #660000;
}

a:hover {
     color: #ff4433;
}

a:hover img {
     opacity: .7;
}

article {
     display:block; 
     margin:0;
     padding:0;
}

aside {
     display:block; 
     margin:0;
     padding:0;
}

.asterisks {
     clear:both;
     color: #330000;
     font-weight: bold;
     text-align:center;
}

#base {
     background-color: #E6DEDE;
     border-top-width: 1px;
     border-top-style: groove;
     border-top-color: #993333;
     box-sizing:border-box;
     color: #661111;
     font-size: 0.75em;
     margin: 10px 0 0 0;
     padding-top: 4px;
     padding-bottom: 4px;
     padding-right: 2.5%;
     padding-left: 2.5%;
     text-align: center;
     width: 100%;
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
}

#base .ciname {
     font-weight:bold;
}

#base img {
     vertical-align:baseline;
}

body {
     background-color: #fff5e5;
     font-family: Verdana;
     font-size: 1em;
     margin: .5em;
}

#bottom_curl {
     clear: both;
     display:block;
     margin: 1em auto 0 auto;
     padding: 0px;
}

.bottom_links {
     text-align:center;
}

#breadcrumbs {
     border-bottom-width: 1px;
     border-bottom-style: groove;
     border-bottom-color: #D4AA7F;
     clear: both;
     color: #D19C5F;
     display: block;
     font-size: 0.75em;
     margin: 0 auto 0 auto;
     max-width:868px;
     padding: 0.7em 0 0.3em 0;
     text-align: center;
     width: 85%;
}

#breadcrumbs a {
     color: #D19C5F;
}

#caption {
     text-align: center;
     margin-top: 0px;
     font-style: italic;
     font-size: .95em;
     margin-bottom: 40px;
}

#container {
     border: none;
     margin-right: auto;
     margin-left: auto;
     max-width:868px;
     padding: 0px;
     width: 85%;
     font-family: Verdana;
}

dd {
  font-family: Verdana;
}

.dots {
     clear:both;
     display:block;
     margin: 0 auto 1em auto;
     padding: 0px;
     text-align: center;
}

.dots5 {
     clear:both;
     display:block;
     margin: .5em auto 1em auto;
     padding: 0px;
     text-align: center;
}

dt {
     color: #660000;
     font-weight: bold;
     font-family: Verdana;
     text-transform:uppercase;
}

figure {
     display:block; 
     margin:0;
     padding:0;
}

figcaption {
     color: #660000;
     display:block; 
     font-family: Verdana;
     font-size: 0.9em;
     font-style: italic;
     margin-top: 3px 0 0 0;
     padding:0;
     text-align: center;
}

.firstpara {
     margin-top:0em;
     padding-top:0em;
}

footer {
     display:block;
     margin:0;
     padding:0;
}

#footer {
     border-top-width: 2px;
     border-top-style: ridge;
     border-top-color: #CCC;
     font-size: 0.75em;
     margin-right: auto;
     margin-left: auto;
     padding-top: 1em;
     text-align: center;
}

h1 {
     color: #330000;
     font-family: "Times New Roman", Times, serif;
     font-size: 2em;
     margin-top: 25px;
     margin-bottom: 10px;
     padding: 0px;
     text-align: center;
     text-shadow: 1px 1px 1px rgba(102,0,0,.4);

}

h2 {
  font-family: "Times New Roman", Times, serif;
  text-align: center;
  color: #006666;
}

header {
     display:block;
     margin:0;
     padding:0;
}

img {
     border-style: none;
     vertical-align:top;
}

.imgscale {
     width: 100%;
     height:auto;
}

.label {
     font-size: 0.75em;
     font-style: italic;
     display: inline-block;
     text-decoration: none;
}

.leadin {
     color: #660000;
     display:inline;
     font-size:1em;
     font-weight: bold;
     margin:0;
     padding:0;
}

.magnifier {
     float:right;
}

#mast {
     border: 2px #000000 solid;
     box-sizing:border-box;
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     height: 4em;
     margin: 0px;
     padding: 0px;
     width:100%;
}

#mastleft {
     background:#ff9977;
     float:left;
     height: 100%;
     width:40%;
}

#mastleft .inside {
     margin-top:1.5em;
     text-align:center;
}

#mastleft .inside img {
     height:auto;
     max-width:225px;
     width:85%;
}

#mastright {
     background:#FFFFFF;
     color:#330000;
     float:right;
     font-weight:bold;
     height: 100%;
     width:60%;
}

#mastright .inside {
     font-size:.8em;
     height:4em;
     line-height:4em;
     margin-right:4%;
     margin-top:0em;
     text-align:right;
     vertical-align:middle;
}

#mastright .inside img {
     display:inline;
     height:100%;
     margin-left: 10px;
     max-height:40px;
     vertical-align:middle;
     width:auto;
}

#menu {
     background-color: #fffaee;
     box-sizing:border-box;
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     border-bottom-width: 1px;
     border-bottom-style: groove;
     border-bottom-color: #330099;
     clear: both;
     font-size: 0.85em;
     margin: 0 auto 0 auto;
     padding: 0.3em 1em 0.3em 1em;
     text-align: center;
}

nav {
     display:block;
     margin:0;
     padding:0;
}

#navbar {
     margin: 0;
     padding: 0;
}

#navbar img {
     border:2px solid #000066;
}

#navbar img:hover {
     border:2px solid #0099FF;
}

#navbar li {
     list-style: none;
     float: left;
}

#navbar li.button {
     background:#ff9977;
     border-bottom: #000000 solid 1px;
     border-right: #000000 solid 1px;
     border-top: #dfffdf solid 1px;
     box-sizing:border-box;
     font-size:.8em;
     height: 1.8em;
     padding-top: .15em;
     text-align: center;
     width: 20%;
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
}

#navbar li a {
     color: #000000;
     display: block;
     text-decoration: none;
}

#navbar li ul {
     display: none;
     min-width: 10em; /* Width to help Opera out */
     max-width: 184px;
     width: 20%;
}

#navbar li:hover ul, #navbar li.hover ul {
     display: block;
     position: absolute;
     margin: 0;
     padding: 0;
}

#navbar li:hover li, #navbar li.hover li {
     float: none;
}

#navbar li:hover li a, #navbar li.hover li a {
     background-color: #663300;
     border-bottom: 1px solid #ddddff;
     color: #ffffff;
     font-size: 1.1em;
     padding: 3px 8px;
     text-align: left;
}

#navbar li li a:hover {
     background-color: #ee5533;
}

.nobreak {
     white-space:nowrap;
}

.photocaption {
     color: #660000;
     font-family: Verdana;
     font-size: 0.9em;
     font-style: italic;
     margin-top: 3px;
     text-align: center;
}

.photocaption_mag {
     color: #660000;
     font-family: Verdana;
     font-size: 0.9em;
     font-style: italic;
     margin-top: 3px;
     padding-left: 17px;
     text-align: center;
}

.picturebox_left {
     display:block;
     float:left;
     margin-bottom:10px;
     margin-right:10px;
}

.picturebox_right {
     display:block;
     float:right;
     margin-bottom:10px;
     margin-left:10px;
}

.pictureframe {
     background-color: #ffffff;
     border: 1px ridge #ECCB40;
     padding:3px;
}

section {
     display:block;
     margin:0;
     padding:0;
}

#shell {
     background-color: #fffffc;
     border: 2px ridge #660000;
     box-sizing:border-box;
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     margin-right: auto;
     margin-left: auto;
     max-width:920px;
     padding-bottom: 0px;
     padding-top: 0px; /* Shell Top Padding */
     width: 90%;
     font-family: Verdana;
}

.shorthr {
     margin: 0 auto 0 auto;
     width: 100px;
}

sup {
     font-size:.8em;
     position: relative;
     top: -0.4em;
     vertical-align: baseline;
}

@media only screen and (max-width: 600px) {

#breadcrumbs {
     width: 95%;
}

#container {
     width: 95%;
}

#shell {
     width: 100%;
}

}

@media only screen and (max-width: 400px) {

blockquote {
     margin-left: 7%;
     margin-right: 0px;
}

body {
     margin: .2em;
}

h1 {
     font-size: 1.6em;
     margin-top: .75em;
     margin-bottom: .4em;
}

#mast {
     border: 2px #000000 solid;
     box-sizing:border-box;
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     height: 3em;
     margin: 0px;
     padding: 0px;
     width:100%;
}

#mastleft {
     background:#ffaa88;
     float:left;
     height: 100%;
     width:40%;
}

#mastleft .inside {
     margin-top:1.2em;
     text-align:center;
}

#mastright {
     background:#FFFFFF;
     color:#330000;
     float:right;
     font-weight:bold;
     height: 100%;
     width:60%;
}

#mastright .inside {
     font-size:.7em;
     height:3em;
     line-height:3em;
     margin-right:4%;
     margin-top:0em;
     text-align:right;
     vertical-align:middle;
}

#mastright .inside img {
     display:inline;
     height:100%;
     margin-left: 6px;
     max-height:30px;
     vertical-align:middle;
     width:auto;
}

ol {
     padding-left: 2em;
     padding-right: 0px;
}

#shell {
     background-color: #fffffc;
     border: 2px ridge #660000;
     box-sizing:border-box;
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     margin-right: auto;
     margin-left: auto;
     max-width:520px;
     padding-bottom: 0px;
     padding-top: 0px; /* Shell Top Padding */
     width: 100%;
}

ul {
     padding-left: 1em;
     padding-right: 0px;
}

}
