* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background-color: #ddf;
  font-family: "Times New Roman", "Times", serif;
  color: #000;
}

a:link {color: #00f; background-color: transparent;}
a:visited {color: #808; background-color: transparent;}
a:hover {color: #02f; background-color: #2ef}
a:active {color: #02f; background-color: #2ef}

img {border: 0px}

caption {
  color:#eef;
  background-color:#c50;
  margin-left: auto;
  margin-right: auto;
  border: 1px;
  font-size: 1.2em;
  font-weight: bold;
  font-variant: small-caps;
  padding: 6px 0px 4px 0px;
  text-align: center;
}

table {
  margin-left: auto;
  margin-right: auto;
  border: 0px;
  background-color: #dde;
  color: #000;
}
th {
  color:#eef;
  background-color:#c50;
  font-weight: bold;

  padding: 6px 0px 4px 0px;
  text-align: center;
  vertical-align: top;
}
th a {
  background-color: transparent;
  color: #ee6;
}
th a:visited {
  background-color: transparent;
  color: #e99;
}
th a:hover {
  background-color: transparent;
  color: #ff5;
}

td {
  font-family: verdana, arial, sans-serif;
  font-size: small;
  padding: 0px 4px 0px 4px;
  vertical-align: top;
}


p {
  padding: .4em 24px .8em 12px;
}

h1 {
  font-size: 1.5em;
  font-weight: bold;
  font-variant: small-caps;
  padding: .9em 0em .3em 0em;
}

h2 {
  font-size: 1.25em;
  font-weight: bold;
  padding: .7em 0em .3em 0em;
}
h3 {
  font-size: 1.1em;
  font-weight: bold;
  padding: .6em 0em .3em 0em;
}

h4 {
  font-size: 1em;
  font-weight: bold;
  padding: .4em 0em .2em 0em;
}
pre {
  margin: 0em 0em .8em 0em;
  font-size: small;
  border: 1px dotted #333;
  padding: .5em 2em .1em 2em;
}

optgroup {
  text-align: center;
  font-variant: small-caps;
  padding: 4px 0px 0px 0px;
}
option {
  text-align: left;
  font-variant: none;
  padding: none;
}

ol {
  padding: 0em 2em .8em 2em;
}
ul {
  padding: 0em 4px .8em 2em;
}

em {
  color: #000;
  font-style: normal;
  font-weight: bold;
  font-variant: small-caps;

}

#backdrop{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:0px;
  background:#333;
  opacity:0.4;
  filter:alpha(opacity=40);
}

#logo {
  clear: both;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
#navtop {
  margin: 0px;
  display: block;
}

#navtop ul {
  Margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  font-size: 1.8vw;
}

#navtop ul li {
  display: inline;
}

#navtop ul li a {
  text-decoration: none;
  padding: .2em 1em;
  color: #eef;
  background-color: #c50;
}
#navtop ul li b {
  padding: .2em 1em;
  color: #c50;
  background-color: #eef;
}

#navtop ul li a:hover {
  color: #c50;
  background-color: #eef;
}

#main {
  margin: 3px 1px 0px 1px;
  padding: 0px;
}

article {
  background-color: #dde;
  color: #000;
  max-width: 640px;
  margin: 1em auto;
  padding: 4px;
  font-weight: normal;
  text-align: left;
}
.disp {
  background-color: #dde;
  color: #000;
  font-weight: normal;
  text-align: left;
}
.top {
  background-color: #03c;
  padding: 4px; margin: 2px;
  border-left: 2px solid #ff6;
  border-right: 2px solid #ff6;
  border-bottom: 2px solid #ff6;
}
.rev {
  color:#eef;
  background-color:#c50;
  border: 1px;
  font-size: 1.2em;
  font-weight: bold;
  padding: 6px 0px 4px 0px;
  text-align: center;
}
.ulOkay {
  margin: 10px auto 3px auto;
  padding: 4px;
  list-style-type: none;
  text-align: center;
}
.ulErrors {
  padding: 4px 2px 2px 2px;
  max-width: 400px;
  margin: 6px auto;
  list-style-type: none;
  text-align: center;
  background-color: #ee8;
  border: 5px dashed #e66;
}

.happy {
  text-align: center;
  background-color: transparent;
  color: #48a;
}

.sad {
  background-color: #fe5;
  color: #a46;
}

.fr {
  float: right;
  margin-left: 5px;
}
.fl {
  float: left;
  margin-right: 5px;
}
.banner {
  max-width: 468px;
  height: 60px;
  margin: 0px auto 9px auto;
  padding: 0% 0% 13% 0%;
}


.chead {
  color:#eef;
  background-color:#c50;
  font-weight: bold;
  border: 0px;
  padding: 3px 0px 5px 0px;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin: 0px;
}
.chead a {
  background-color: transparent;
  color: #ee6;
}
.chead a:visited {
  background-color: transparent;
  color: #e99;
}
.chead a:hover {
  background-color: transparent;
  color: #ff5;
}

.prompt {
  background-color: #eca;
  color: #06f;
  font-weight: bold;
  text-align: right;
}
.cell {
  background-color: #eef;
  color: #000;
}
.rowone {
  background-color: #eef;
  color: #000;
}
.rowtwo {
  background-color: #dde;
  color: #000;
}

.ks {
  width: 220px; height: 420px; margin: 0px 0px 0px 16px; float: right;
}

.llinks {  color:#fe9; background-color: transparent; font-size: small}
a.llinks:link {color: #ff5; background-color: transparent}
a.llinks:visited {color: #1f2; background-color: transparent}
a.llinks:hover {color: #006;  background-color: #eee}
a.llinks:active {color: #00f; background-color: #eee}

:target {
   background-color: #ffa;
}