/* quiz.css */

* { margin:0; padding:0; } /* Thanks, Scott! */

body { background-color: #D3773D; margin: 0; padding: 0; text-align: center; 
		font-family: "Lucida Grande", sans-serif; }

h1 { font-size: 24px; }

p { margin-bottom: 8px; }

/* page structure */

#quiz { background-color: #D3773D; width: 726px; margin: 0 auto; }

#navbar { background-color: white; padding: 0; margin: 0; }

#banner_print { display: none; }

#quizbody { 
		background-color: white;
		background-image: url(http://www.lev.ca/plast/yunak/quiz/images/yunak_quiz_head_07.png);
		background-repeat: repeat-y;
		margin: 0;
		padding: 20px 40px 40px 40px;
		text-align: left;
		}

#quizimage { float: left; margin: 0px 30px 20px 0px; }

#quizintro { margin: 0px 20px 20px 20px; }

div#quizintro>p { margin-top: 20px; }

#quizquestions { clear: both; margin: 20px 10px 20px 10px; }

/* questions */

.questionblock { clear: both; border-top: 1px solid #D3773D; }

.questionnumber { float: left; position: relative; left: -10px; margin-top: 20px; }

.questimg { float: left; vertical-align: text-top; margin: 20px 10px 20px 10px; }

.questionsubblock { float: left; margin-top: 20px; }

.questiontext { width: 400px; margin: 0px 0px 20px 10px; }

.questionpara { margin: 0px 0px 20px 0px; }

.thisanswer { display: block; margin-bottom: 4px; }

.radio { margin-right: 6px; }

.submitbutton { margin-left: 40px; clear: both; display: block; }

/* partial answers */

.missingmsg { font-weight: bold; color: red; }

.questionunanswered { margin: 0px 0px 20px 0px; color: red; }

/* answers */

.correct { font-size: 14px; font-weight: bold; color: green; }

/* index page styles */

#indexhead { width: 250px; float: left; color: #333; }

.featuredquiz { float: left; width: 305px; margin: 10px 10px 0px 0px; background-color: #EBE4B6; 
				text-align: center; height: 19em; }

.featuredquizimg { margin: 10px; float: left;}

.featuredquiztitle { margin: 10px; text-align: left; }

.featuredquizdesc { margin: 10px; text-align: left; }

div#older { clear: both; margin-top: 10px; }

.olderhead { margin: 30px 10px 10px 10px; }