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

.button_register {
     background-color:#ED2939;
     border-top: 3px solid #ee9999;
     border-right: 3px solid #994444;
     border-bottom: 3px solid #994444;
     border-left: 3px solid #ee9999;
     color:#ffffff;
     cursor:pointer;
     display: block;
     font-family:Verdana;
     font-weight:bold;
     font-size:1.2em;
     margin:2em auto 2em auto;
     padding: .25em 0 .25em 0;
     text-align:center;
     text-decoration: none;
     transition-duration: 0.2s;
     width:10em;
}

.button_register:hover {
     background-color:#ff5555;
     color:#ffffff;
     text-shadow: 2px 2px 0px rgba(0,0,0,1);
}

.caption {
     font-family: Verdana;
     font-size: 0.9em;
     font-style: italic;
     text-align: center;
     color: #000099;
     margin-top: 4px;
}

#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:#ff6600;
}

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

dd {
     margin-left: 6%;
}

dt {
     color: #000099;
     font-weight: bold;
     font-family: "Times New Roman", Times, serif;
}

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

.field70pct {
     width: 70%;
}

.field100pct {
     width: 100%;
}

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

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

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: #CCC;
     padding-top: 1em;
     margin-right: auto;
     margin-left: auto;
}

#frame {
     border: 2px ridge #51A4A4;
     text-align: center;
     background-color: #F6FFFC;
     margin-right: auto;
     margin-left: auto;
     vertical-align: middle;
     margin-bottom: 6px;
     padding: 3px;
}

.frame2 {
     border: 1px ridge #51A4A4;
     background-color: #ffffff;
     padding: 3px;
}

h1 {
     background-image: url(../graphics_other/dots_blbg.gif);
     background-repeat: no-repeat;
     background-position: center bottom;
     color: #000099;
     font-family: "Times New Roman", Times, serif;
     font-size: 2em;
     margin: .6em 0em 0em 0em;
     padding: 0em 0em .2em 0em;
     text-align: center;
     text-shadow: 1px 1px 1px rgba(51,51,102,.4);
}

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

#nomenu2 {
     padding-bottom: .5em;
}

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

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

.itemlist {
     margin: 0px;
     padding: 0px;
     padding-left: 6%;

}

.itemlist li {
     list-style-position: inside;
     list-style-type: none;
     list-style-image: url(../graphics_other/box-bl5.gif);
     margin-bottom: 0.4em;
}

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

#menu2 {
     color: #000000;
     font-family: Verdana;
     font-size: 0.9em;
     line-height:1.5em;
     margin: .2em 0 0 0;
     padding: 0px;
     text-align: center;
}

#menu2 a {
     color: #990033;
}

.qlist {
     margin-top: 2px;
     margin-bottom: 2px;
     margin-left: 40px;
     text-indent: -40px;
}

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

.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 #51a4a4;
     padding:3px;
}

.questionnaire_button {
     background-color:#ED2939;
     border-top: 3px solid #ee9999;
     border-right: 3px solid #994444;
     border-bottom: 3px solid #994444;
     border-left: 3px solid #ee9999;
     color:#ffffff;
     cursor:pointer;
     display: block;
     font-family:Verdana;
     font-weight:bold;
     font-size:1.2em;
     margin:2em auto 2em auto;
     text-decoration: none;
     transition-duration: 0.2s;
     width:10em;
     height:2em;
}

.questionnaire_button:hover {
     background-color:#ff5555;
     border-top: 3px solid #ee9999;
     border-right: 3px solid #bb6666;
     border-bottom: 3px solid #bb6666;
     border-left: 3px solid #ee9999;
     text-shadow: 2px 2px 0px rgba(0,0,0,1);
}

.questionnaire_table {
     border:none;
     border-collapse:collapse;
     border-spacing:0;
     max-width: 600px;
     margin:0 auto 0 auto;
     padding:0;
     width: 100%;
}

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

.sechead {
     color: #990033;
     font-family: "Times New Roman", Times, serif;
     font-size:1em;
     font-weight: bold;
     margin: 1.5em 0 0.1em 0;
     padding: 0px;
     text-transform: uppercase;
}

.secitem {
     padding-left:  6%;
     margin-bottom: 0.3em;
     margin-top: 0px;
     margin-right: 0px;
     margin-left: 0px;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
}

#shell {
     background-color: #FaFaFF;
     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: 90%;
}

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) {

body {
     margin: .2em;
}

h1 {
     font-size: 1.6em;
     margin-top: .75em;
     margin-bottom: .2em;
     padding: 0px;
     padding-bottom:.25em;
}

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

#menu2 {
     font-size: 0.8em;
     margin: 0px;
}

#shell {
     background-color: #FaFaFF;
     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%;
}

}