html, body, form, fieldset {
        border:0;
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

li, dd, blockquote {
        margin-left: 1em;
}

img {
border:0;
}

a:link { color: darkgreen; }
a:visited { color: purple; }
a:hover { color: purple; }
a:active { color: red; }

.quizbox {
        width:400px;
        height: 270px;
        border:1px solid #000;
        margin: 5px;
        padding: 3px
        }
        
.topbar {
  background-color: #ccf;
}
  
.quiztitle {
  font: bold 1.3em/140% "Trebuchet MS",sans-serif;
  color:#009;
  display: block;
  text-align: center; 
  }

.questionarea {
  height: 210px;
 }

.question {
  font: 0.9em/120% "Trebuchet MS",sans-serif;
  color:#090;
  display: block;
  height: 35px;
  text-align: left; 
  margin-top: 15px;
  margin-left: 5px;
 }
 
.image{
    background:#fff;
    float:left;
    width:100px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 5px;
}

.answers{
    float:right;
    width:220px;
    list-style:square;
    font: 0.9em/120% "Trebuchet MS",sans-serif;
}

.answer{
  margin-top: 10px;
}
.answer a:link {   color:#006; text-decoration: none;}
.answer a:visited { color:#006; text-decoration: none;}
.answer a:hover { color: purple; text-decoration: underline;}
.answer a:active { color: red; }

.answeredheading{
  display: block;
  color:#00e;
}

.bottombar {
  clear:both;
  background-color: #ccc;
}

.questionnumber {
  font: 0.8em/80% "Trebuchet MS",sans-serif;
  color:#666;
  display: block;
  text-align: left; 
  float:left;
  width:230px;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 3px;
}

.score{  
  font: 0.8em/100% "Trebuchet MS",sans-serif;
  color:#666;
  display: block;
  text-align: left; 
  float:left;
  width:120px;
  margin-top: 5px;
  margin-bottom: 3px;
}