<!-- NOTES -->
<!-- background-repeat: repeat goes right and down, repeat-x goes right only, repeat-y goes down only -->
<!-- background-color: match this color to the bottom half of the background gradient -->
<!-- color: #464646 located in the "p" section of the css codes and the body is for a dark grey font color -->

body{
	background:#8b8a8a url('images/imgbg2.jpg');
	background-repeat:repeat-x; 
	text-align:center;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px;
	font-family:verdana, tahoma, arial, sans-serif;
	font-size: 14px;
	color: #111111;
    line-height:21px; 	
}

p{
	font-family:verdana, tahoma, arial, sans-serif;;
	font-size: 14px;
	color: #111111;
    line-height:21px;  	
}
#sheet{
	background:#8b8a8a url('images/imgbg2.jpg');
	background-repeat:repeat-x; 
	margin: 0px;
	padding: 0px;
}

#container {
	MARGIN-LEFT: auto; WIDTH: 795px; MARGIN-RIGHT: auto; TEXT-ALIGN: left
}

#header{
	background: url('images/img_01.png');
	background-repeat:no-repeat;
	height:179px;
	}
	
#contentbody{
	background: url('images/img_02.png');
	PADDING-RIGHT: 50px; 
	PADDING-LEFT: 50px; 
	text-align:left;

}
#footer{
	background: url('images/img_03.png');
	background-repeat:no-repeat;
	height:40px;
	align: center;
}

img{
    border:none;
 }

label {display:block;}
#quiz1, #quiz2 {width:300px;}
#quiz1 form, #quiz2 form {padding:3px;border:1px dashed #000;}
#quiz1 p {padding:3px;border:1px solid #000;}
#quiz1 p b {font:120% verdana;color:#006666;}
.question {font:90% verdana;color:#006666;margin-bottom:15px;}
.answers {font:75% verdana;}