/* CSS Document */

/*JO Differences between this and the handheld styles should only be the font size and the addotion of width attributes to containers

/* ##### TEXT AND THINGS ##### */
body {
	width: 100%;
}
body,td,p	{
	/*font-family:Arial, sans-serif;
	font-size: 0.8em;*/
	font:	12px/0.8em Arial, sans-serif;
	line-height: 1.2; 
	margin:	0;
	padding: 0;
	color: #ffffff;
	overflow-x:hidden; 
	overflow-y: auto; 
}

content {
	margin: 0 auto;
}

h1	{
	font-family:Arial, sans-serif;
	font-size:	1.5em;
	font-weight: bolder;
	color:	#000066;
	padding-top:10px;
}

h2	{
	font-family:Arial, sans-serif;
	font-size: 1.2em;
	color:	#576474;
	font-weight: bold;
	padding: 20px 10px 10px 10px;
}

	
h3	{
	font-family:Arial, sans-serif;
	font-size: 1.2em;
	color:	#576474;
	font-weight: bold;
	padding: 13px 0px 0px 10px;
}
table
{
	width:100%;
}

a:active { color: #FF0000; text-decoration: none;}
a:hover { color: #FF0000; text-decoration: underline; }
a:link { color: #FF0000; text-decoration: none; }
a:visited { color: #FF0000; text-decoration: none; }

#intropage{
	padding:5px;	
	width: 190px;
}

#intrographic{	
	width: 100%;
	padding: 10px 0px 7px 0px;
	background-color: #ffffff;
}

#questiongraphic{	
	width: 100%;
	background-color: #ffffff;
	padding-top:2px;
}


.questiontext{
	color: #999999;
	background-color: #ffffff;
}

#question{
	background-color: #ffffff;
	color: #000000;
	padding:6px;	
	width: 95%;
	margin: 0 auto;
}

#answerbox{
	background-color: #999999;
	width: 100%;
}

.answer{
	background-color: #ffffff;
	padding: 2px;
	vertical-align: top;
}

.answer95{
	background-color: #ffffff;
	padding: 2px;
	vertical-align: top;
	width: 50%;
}

#pagenumber{
	background-color: #6699CC;
	color: #ffffff;
	vertical-align: middle;	
	width: 100%;
}



#pagenumberintro{
	background-color: #6699CC;
	color: #ffffff;
	vertical-align: middle;	
	width: 100%;
}

#pagenumberspacer{
	background-color: #999999;	
	width: 100%;
}

#incorrecttext{	
	width: 100%;
}

#incorrectgraphic{
	margin: 30px;	
	width: 70%;
}