.timer {
   visibility: hidden;
   text-align: center;
   background: black;
   font-family: Arial;
   font-weight: bold;
   border: 2px outset;
   border-left: 2px outset darkgray;
   border-top: 2px outset darkgray;
}

.timer_pad {
   padding: 10px;
}

.digits {
   position: absolute;
   top: 15px;
   left: 27px;
   text-align: right;
   width: 37px;
   margin-top: 0px;
   color: #1C2F71;
   font-size: 16pt;
   font-family: Tahoma;
}

.score {
   position: absolute;
   top: 15px;
   left: 362px;
   text-align: right;
   width: 39px;
   margin-top: 0px;
   color: #1C2F71;
   font-size: 16pt;
   font-family: Tahoma;
}

.banner {
   position: absolute;
   top: 15px;
   left: 110px;
   text-align: center;
   width: 220px;
   margin-top: 0px;
   color: #000000;
   font-size: 18pt;
   font-family: Tahoma;
}

.title {
   color: white;
}

.hours, .minutes, .seconds {
   margin-left: 3px;
}

.hours, .minutes {
   margin-right: 5px;
}

.field_cont {
   margin-top: 15px;
}

.field {
   color: yellow;
}

.btn_cont {
   margin-top: 20px;
}

.start, .pause, .resume {
   margin-right: 5px;
}

li{
    font-size: 10pt;
}
p{
    font-size: 12pt;
    font-weight: bold;
}
.quiz {
    position:absolute;
    top:0px;
    left:0px;
    padding: 0px;
    margin: 0px;
    background-image:url(./header.jpg);
    background-repeat: no-repeat;
    height:347px;
    width:450px;
}

.start_button {
   position: absolute;
   top: 200px;
   width: 340px;
   text-align: center;
}
.question {
   position: absolute;
   top: 55px;
   left: 55px;
   width: 400px;
   height: 60px;
   text-align: left;
   color: #1C2F71;
   font-size: 12pt;
   font-family: Tahoma;
   border: 1px none;
}
.introduction {
   position: absolute;
   top: 55px;
   left: 55px;
   width: 340px;
   height: 200px;
   text-align: left;
   color: #1C2F71;
   font-size: 14pt;
   font-family: Tahoma;
}

.answer{
   position: relative;
   width: 340px;
   height: 100px;
   text-align: left;
   color: #1C2F71;
   font-size: 14pt;
   font-family: Tahoma;
}
.button_1{
	height:43px;
	padding-left: 50px;
	vertical-align: middle;
    background-image:url(./1_off.gif);
    background-repeat: no-repeat;
}

.button_2{
	height:43px;
	padding-left: 50px;
	vertical-align: middle;
    background-image:url(./2_off.gif);
    background-repeat: no-repeat;
}
.button_3{
	height:43px;
	padding-left: 50px;
	vertical-align: middle;
    background-image:url(./3_off.gif);
    background-repeat: no-repeat;
}
.button_4{
	height:43px;
	padding-left: 50px;
	vertical-align: middle;
    background-image:url(./4_off.gif);
    background-repeat: no-repeat;
}

.answer1{
    position: absolute;
    left: 10px;
    top: 70px;
    width: 250px;
    text-align: left;
    font-size: 9pt;
    font-weight: bold;
    vertical-align: top;
	border:1px none;
}
.answer2{
    position: absolute;
    left: 10px;
    top: 124px;
    width: 250px;
    text-align: left;
    font-size: 9pt;
    font-weight: bold;
    vertical-align: middle;
	border:1px none;
}
.answer3{
    position: absolute;
    left: 10px;
    top: 178px;
    width: 250px;
    text-align: left;
    font-size: 9pt;
    font-weight: bold;
    vertical-align: middle;
    border:1px none;
}
.answer4{
    position: absolute;
    left: 10px;
    top: 232px;
    width: 250px;
    text-align: left;
    font-size: 9pt;
    font-weight: bold;
    vertical-align: middle;
    border:1px none;
}
label {
    text-align: left;
    width: 275px;
    padding-right: 20px;
    margin-left: 50px;
}

body {
    background: #FFFFCD;
}

br {
    clear: left;
}