#question {
width:100%;
height:120px;
background-position: top center;
background-repeat: no-repeat;
}
#question h1 {
font-size:30px;
font-weight:700;
color:#000;
text-align:center;
padding-top:5px;
line-height:30px;
text-transform:uppercase;
}
#question h2 {
font-size:26px;
font-weight:700;
color:#000;
text-align:center;
padding-top:24px;
line-height:30px;
text-transform:uppercase;
}
/*#q1 #question {background-image: url(../images/question_1.gif) }
#q2 #question {background-image: url(../images/question_2.gif) }
#q3 #question {background-image: url(../images/question_3.gif) }
#q4 #question {background-image: url(../images/question_4.gif) }
#q5 #question {background-image: url(../images/question_5.gif) }
#q6 #question {background-image: url(../images/question_6.gif) }
#q7 #question {background-image: url(../images/question_7.gif) }
#q8 #question {background-image: url(../images/question_8.gif) }
#q9 #question {background-image: url(../images/question_9.gif) }
#q10 #question {background-image: url(../images/question_10.gif) }
*/
#answers {
width:200px;
height:240px;
background-position: 0px 0px;
background-repeat: no-repeat;
margin-left:48px;
display:inline;
}
/*
#q1 #answers {background-image: url(../images/answers_1.gif) }
#q2 #answers {background-image: url(../images/answers_2.gif) }
#q3 #answers {background-image: url(../images/answers_3.gif) }
#q4 #answers {background-image: url(../images/answers_4.gif) }
#q5 #answers {background-image: url(../images/answers_5.gif) }
#q6 #answers {background-image: url(../images/answers_6.gif) }
#q7 #answers {background-image: url(../images/answers_7.gif) }
#q8 #answers {background-image: url(../images/answers_8.gif) }
#q9 #answers {background-image: url(../images/answers_9.gif) }
#q10 #answers {background-image: url(../images/answers_10.gif) }
*/
#answers a {
display:block;
height:60px;
background-image: url(../images/letters.gif);
background-repeat: no-repeat;
outline:none;
margin-left:50px;
}
.answer {
padding-left:70px;
font-size:24px;
font-weight:700;
padding-top:16px;
}
.a1 { background-position: 0px 0px; color:#000; text-decoration:none; }
.a1:hover { background-position: 0px -240px; text-decoration:none; }
.a2 { background-position: 0px -60px; color:#000; text-decoration:none; }
.a2:hover { background-position: 0px -300px; text-decoration:none; }
.a3 { background-position: 0px -120px; color:#000; text-decoration:none; }
.a3:hover { background-position: 0px -360px; text-decoration:none; }
.a4 { background-position: 0px -180px; color:#000; text-decoration:none; }
.a4:hover { background-position: 0px -420px; text-decoration:none; }