body {
   font-family: serif;
}

.question {
   border-top: solid 1.0mm;
   margin-top: 1.0em;
   padding-top: 0.5em;
   clear: both;
}

.button {
   border: none;
   color: #333333;
   background: #87A5C4;
   margin-right: 0.5em;
}

.button:hover {
   border: none;
   background: #a5caef;
}

.hanging {
   display: block;
   float: left;
   margin: 2px 6px 6px 4px;
}

label {
   width: 100px;
   margin: 2px 4px 6px 4px;
}

p { clear: left; }

.correct-ans { color: green; }

.incorrect-ans { color: red; }

fieldset { display:inline; }

div.banner {
   color: #eeeeee ;
   background-color: #87A5C4 ;
}

h1.heading {
   padding: 0.2em;
   font-family: sans-serif;
   font-size: 1.5em ;
   font-weight: bold;
}

.heading-smaller {
   font-size: smaller;
}

.footer {
   padding: 0.2em;
   font-family: sans-serif;
   font-size: 1.0em ;
   font-weight: normal;
}

.banner-dark-text {
   color: #333333;
   font-size: smaller;
}

span.footer-right {
   float: right;
   width: auto;
   text-align: right;
}

.footer-right {
   font-family: sans-serif;
   font-weight: bold;
}

a:link.footer-right {
   color: #eeeeee;
   text-decoration: none ;
   font-size: smaller;
}

a:visited.footer-right {
   color: #eeeeee;
   text-decoration: none ;
   font-size: smaller;
}

img.problem {
   float: right;
   width: auto;
}