.bold {font-weight: bold }

.introFinePrint { font-size: 70%; }
.listAlpha { list-style-type: lower-alpha; }

.docRef {font-style: italic}

#screenTitle {
	width: 600px;
	text-align: center;
	font-size: 200%;
	font-weight: bold;
	margin: 20px;
}

#topBox { 
	border: black 1px solid; 
	width: 600px;
	padding: 10px;
}

.aButton a, .abutton a:link,.abutton a:visited,.abutton a:hover {
	text-decoration: none;
	background-color: black;
	color: white;
	font-size: 120%;
	padding: 5px;
}
table {border-spacing: 2px; }
table td {vertical-align: top;}
#options {
	width: 285px;
	border:  1px solid rgb(10,98,224);
	padding: 10px;
}
.optionsQuestions {
	width: 220px;
	border:  1px solid rgb(10,98,224);
	padding: 10px;
}
.optionsResponses {
	border:  1px solid rgb(10,98,224);
	padding: 10px;
}
#outcomes {
	width: 285px;
	border: 1px solid rgb(225,107,30);
	padding: 10px;
}
.outcomesQuestions {
	width: 250px;
	border: 1px solid rgb(225,107,30);
	padding: 10px;
}
.outcomesResponses {
	border:  1px solid rgb(225,107,30);
	padding: 10px;
}
#options .subhead { color: rgb(10,98,224);}
#outcomes .subhead { color: rgb(225,107,30);}
.optionsColour { color: rgb(10,98,224);}
.outcomesColour { color: rgb(225,107,30);}
.subhead {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}
ul.response { 
	margin-left: 0;
	list-style-type: none;
	padding-left: 2em;
	text-indent: -2em;	
}
ul.subresponse { 
	margin-left: 0;
	list-style-type: none;
	padding-left: 3em;
	text-indent: -3em;	
}
li.question div { margin: 10px 0px; }
li.question ul li {
	display: block;
	margin: 10px;
}

#questions ul  { list-style-type: none; }