html {
    background: #99A;
}


body{
    color: #eee;
    font-family: verdana;
    font-size: 11px;
}

a:link, a:visited{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

a:hover{
    color: #fff;
    text-decoration: underline;
}



div.box{
    margin: 10px 40px 20px 40px;
    padding-bottom: 20px;
    color: #333;
    background: #f8f8f8 url('gradient.png') bottom repeat-x;
    border: 1px solid #333;
    
}

p.top{
    text-align: right;
    font-size: smaller;
    padding: 0;
}
.box a, .box a:visited{
    color: #44a;
    text-decoration: none;

}
.box a:hover{
    color: #99f;
    text-decoration: underline;
}

h3{
  margin: 0;
  padding: 2px 10px 2px 10px;
  border-bottom: 1px solid #ddd;
  font-size: small;
  background: url("bar.jpg") repeat-x;
  color: #eee;
  border-bottom: 1px solid #333;
}

h4{
  font-size: smaller;
  padding-left: 10px;
}

p{
  padding: 2px 10px 2px 20px;
  margin:  2px;
}

div.intro{
    margin: 10px 90px 10px 90px;
    padding: 10px;
}

p.footer{
    text-align: center;
    margin: 10px 20% 30px 20%;

}
h1{
    text-align: center;
    color: #fff;
}

table th.first{
    width: 200px;
}


input.right{
    background: #3F3;
    font-weight: bold;
}

input.wrong{
    background: #f33;
    font-weight: bold;
}