* { margin: 0; padding: 0; outline: none; }
html, body { height:100%; }
body { background: #000 url(images/bg.gif) no-repeat center center; color: #000; font: normal 100.01% georgia,"times new roman",times,serif; text-align: center; }
h1 { font-family: Georgia, "Times New Roman", Times, serif;  font-size: 21px; font-weight: bold;  color: #000000;  } 
h2 { font-family: Georgia, "Times New Roman", Times, serif;  font-size: 17px; font-weight: bold;  color: #000000;  }   
#distance { width: 1px; height: 43%; background-color: #000; margin-bottom: -13.75em; /* half of container's height */float: left; }
#container { margin: 0 auto; position: relative; text-align: left; height: 27.5em; width: 755px; clear: left; }
#container div { font-size: .75em; float: right; width: 180px; }
#container ul { font-size: 1.0em; list-style-type: none; line-height: 1.6em; margin-bottom: 11px; }
a, a:link,a:active {
	color: #990000;
	font-weight: normal;
	font-size: 1em;
}
a:hover { color: #8c6b40; text-decoration: none; }
a.answer, a.answer:link,a.answer:active {
	color: #990000;
	font-weight: normal; 
	font-size: 1.6em; 
	line-height: 1.8em;
	text-decoration: none;	
}

.answerNumber {
	color: #990000;
	font-weight: normal; 
	font-size: 1.6em; 
	line-height: 1.8em;
	text-decoration: none;	
}
a.answer:hover { color: #000000; font-weight: normal; font-size: 1.6em; line-height: 1.8em; text-decoration:underline   }
/*#container .text { position: absolute; padding: 0 20px 20px 20px; overflow: hidden; height: 460px; width: 520px; margin-top: 0; } */
#container .text { position: absolute; padding: 0 20px 20px 20px; overflow: auto; height: 480px; width: 525px; margin-top: 0; }
.text p { width: 520px; display: block; clear: both; padding-top: 15px; padding-bottom: 15px;float:right;  }
#container .headline { border-bottom: 1px solid #8c6b40; color: #8c6b40; display: block; font-size: 1.8em; text-align: right; margin: 0 0 16px 0; padding: 0 0 5px 0; line-height: 1px; }
.cap { background: url(images/cap.gif) no-repeat top left; color: #000; font-size: 45px; font-weight: normal; float: left; height: 68px; width: 97px; line-height: 40px; margin-top: 2px; margin-right: 5px; padding: 28px 0 0 0; text-align: center; }
* html .cap { margin-right: 3px; margin-top: 3px;}
.right { float: right; }
.clear {clear:both;}
.sideBarTitle {	font-size: 1.0em;	font-weight : bold; text-align: center;	}
.sideBarData{font-size: .9em; font-weight : normal; }
.sideBarDonate{font-size: .9em; font-weight : normal; }
.question { font-size: 1.8em;  line-height: 1.6em;  font-weight: normal; margin-bottom: 10; }
.bigfont { font-size: 1.3em;  line-height: 1.3em;  font-weight: normal; }
.smallfont{ font: text-align: left; font-size: 1.1em;  line-height: 1.7em;  font-weight: 500; }
.inputboxes {
	BACKGROUND-COLOR: white; BORDER-BOTTOM: black 1px groove; BORDER-LEFT: black 1px groove; BORDER-RIGHT: black 1px groove; BORDER-TOP: black 1px groove; COLOR: black; FONT-FAMILY: verdana,arial; FONT-SIZE: 10pt;
}	
.col1{ width: 500px;  top: 350px; font-size: 1em;  } 
.TopScoreBar{ width: 500px; height: 10px; top: 55px; font-size: 1.2em;  } 
.col2{ width: 500px; height: 10px; top: 55px; }
.col3{ width: 300px; height: 10px; top: 55px; }
.footer {font-size: 8pt;color: Black;text-align:center;}
.next { display: block;background: url(images/next.gif) no-repeat 0% 4px; padding-left: 40px; }

/*TOOL TIP*/
.hov table {width:500px; position:absolute; border:0; border-collapse:collapse; left:0;}
.hov b {width: 350px; color: black; display:none; font-weight:normal; font-size:.9em; line-height:1.2em;}
.hov a {font-size: .9em;}
.hov:hover {position:relative; z-index:1;}
.hov a:hover,.hov:hover a {border:0; text-decoration:none; position:relative;}
.hov:hover b,.hov a:hover b {display:block; visibility:visible; position:absolute; left:-200px; top:-100px; background:#f5e4cd; cursor:pointer; border:1px solid #8c6b40; padding:5px 10px;}
.hov b a {font-size: .9em;font-weight:normal;white-space:nowrap; color:#000; text-decoration:none; background:transparent; display:block;}
.hov b a:hover {color: #999;text-decoration:underline;}


.hovQuiz table {width:500px; position:absolute; border:0; border-collapse:collapse; left:0;}
.hovQuiz b {width: 450px; color: black; display:none; font-weight:normal; font-size:1.2em; line-height:1.3em;}
.hovQuiz a {font-size: 1.2em;}
.hovQuiz:hover {position:relative; z-index:1;}
.hovQuiz a:hover,.hovQuiz:hover a {border:0; text-decoration:none; position:relative;}
.hovQuiz:hover b,.hovQuiz a:hover b {display:block; visibility:visible; position:absolute; left:-300px; top:-50px; background:#f5e4cd; cursor:pointer; border:1px solid #8c6b40; padding:5px 10px;}
.hovQuiz b a {font-size: .9em;font-weight:normal;white-space:nowrap; color:#000; text-decoration:none; background:transparent; display:block;}
.hovQuiz b a:hover {color: #999;text-decoration:underline;}

/*POPUP IMAGES*/
a.screen, a.screen:visited { position:relative; z-index:1; }
a.screen b { position:absolute; visibility:hidden; width: auto; height:0; border:1px solid #8c6b40;border-left: 1px solid #f5e4cd;border-top: 1px solid #f5e4cd; left:120px; top:0px; line-height: 0; }
a.screen:hover { text-decoration:none; border:0; z-index:1000; }
a.screen:hover b { visibility:visible; height:auto; cursor:pointer; z-index:500; } a.screen:hover b img { border:0; }