a {
     color: #333399;
}
a:hover {
     color: #0099FF;
}

a:hover img {
     opacity: .5;
}

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

aside {
     border: 1px ridge #51A4A4;
     display:block; 
     margin:0;
     padding:0;
}

#base {
     background-color: #C3D2DC;
     box-sizing:border-box;
     color: #000099;
     font-size: 0.75em;
     text-align: center;
     padding-top: 4px;
     padding-bottom: 4px;
     border-top-width: 1px;
     border-top-style: groove;
     border-top-color: #330099;
     margin-top: 10px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
     padding-right: 2.5%;
     padding-left: 2.5%;
     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: #EEF3FF;
     font-family: Verdana;
     font-size: 1em;
     margin: .5em;
     text-align:left;
}

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

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

#breadcrumbs a {
     color: #9B9DDF;
}

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

.coronanotice {
     color:#ff0000;
     font-weight:bold;
     font-size:1.2em;
     text-align:center;
     margin-left:auto;
     margin-right:auto;
}

.coronanotice a {
     color:#cc0000;
}

.coronanotice a:hover {
     color:#ff9900;
}

dd {
     margin-left: 6%;
}

.dots {
     display:block;
     margin: 0 auto 1em auto;
     padding: 0px;
}

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

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

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

h1 {
     color: #000099;
     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(51,51,102,.4);
}

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

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

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

.leadin {
     font-weight: bold;
     color: #000099;
     font-size: 0.95em;
}

#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:#9dc3eb;
     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:#000099;
     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: #e3f0f9;
     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 0 0.3em 0;
     text-align: center;
}

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

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

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

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

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

#navbar li.button {
     background:#9dc3eb;
     border-bottom: #000000 solid 1px;
     border-right: #000000 solid 1px;
     border-top: #EDF3FF 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: #222277;
     border-bottom: 1px solid #ddddff;
     color: #ffffff;
     font-size: 1.1em;
     padding: 3px 8px;
     text-align: left;
}

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

.nobreak {
     white-space:nowrap;
}

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

#shell {
     background-color: #F8F8FF;
     border: 2px ridge #3D69C0;
     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: 100%;
}

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%;
}

}

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

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:#9dc3eb;
     float:left;
     height: 100%;
     width:40%;
}

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

#mastright {
     background:#FFFFFF;
     color:#000099;
     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;
}

#shell {
     background-color: #F8F8FF;
     border: 2px ridge #3D69C0;
     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%;
}

}