html, body 
			{height: 100%; }

		body
			{margin: 0;
			padding: 0;
			background-color: #5350B9;
			font-family: arial, helvetica, verdana, san-serif; } /*outer column color*/
			
		#container
			{height:100%;
			min-height:100%;
			margin-left:60px;
			margin-right:60px;
			background:#5350B9; /*content color*/
			margin-bottom:-30px; }
			
		#content
			{background-color:#B6C7E5;
			margin-top :2em;
			margin-bottom: 1em; 
			padding: 2em 1em;
			border: 1px solid black; }
	
		html>body #container
			{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
			
		#header
			{background:#fff;
			border-bottom:1px solid #000;
			color: #000;
			text-align:right;
			position:relative;
			margin:0 -60px;
			padding-top: 0px;
			background-image: url(images/header.jpg); }
	
		/* mac hide \*/
		* html #header
			{height:56px;he\ight:10px} /* height needed for ie to force layout*/
		/* end hide*/
		
		#footer 
			{width:100%;
			clear:both;
			height:28px;
			border-top:1px solid #000;
			background-color: #fff;
			color: #000000;
			text-align:center;
			position:relative;
			background-image: url(images/footer.jpg); }
	
		* html #footer {/*only ie gets this style*/
			\height:30px;/* for ie5 */
			he\ight:29px;/* for ie6 */}

		 #clearfooter
		 	{clear:both;height:40px;}/*needed to make room for footer*/
		div,p 
			{margin-top:0}/*clear top margin for mozilla*/
		* html #centrecontent 
			{height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
			
/* End Layout */			

		.pass
			{color: Black; }
		
		.fail
			{color: Red;
			font-weight: bold; }
			
		td.lbl
			{font-weight: bold;
			text-align: right;
			font-size: 85%; }
		
		td
			{padding: .25em 1px;
			font-size: 80%;
			font-family: arial, helvetica, verdana, san-serif; }
			
		div#submitarea
			{text-align: center;
			padding-top: 1em; }
			
		strong
			{color: blue;
			text-transform:uppercase; }
		ul
			{list-style: none;
			margin-top: .25em; }
			
		div#radioquestion
			{font-weight: bold;
			text-align: left;
			font-size: 85%;
			font-family: arial, helvetica, verdana, san-serif;
			padding-top: .5em; }
			
		.first
			{padding-top: 1em; }
			
		table
			{padding-bottom: .5em; }

		td.radioans
			{text-align: center;
			border: 1px solid black; }
		
		td.selbl
			{text-align: right;
			font-size: 80%;
			padding-right: .75em;
			font-weight: bold;
			border: 1px solid black;
			width: 15em; }
			
		td.exlbl
			{text-align: left;
			font-size: 80%;
			padding-right: .75em;
			border: 1px solid black;}
			
		td.thead
			{width: 6em;
			text-align: center;
			border: 1px solid black;
			padding: 0 1em;
			font-weight: bold;
			font-size: 75%;
			background-color: #ffffff; }
			
		table.bcol
			{border-collapse: collapse; }
			
		tr#tdeven
			{background-color: #ffffff; }
			
		tr#tdodd
			{background-color: #99ccff; }
			
		td#tablequestion
			{font-weight: bold;
			text-align: left;
			font-size: 85%;
			font-family: arial, helvetica, verdana, san-serif;
			padding-bottom: 1em; }
		
		td.p3aradans
			{text-align: right;
			font-size: 85%;
			width: 20em; }
			
		td#tablequestionp3a
			{font-weight: bold;
			text-align: left;
			font-size: 85%;
			font-family: arial, helvetica, verdana, san-serif;
			padding-bottom: .15em; }
			
		.textboxlist
			{margin-top: .25em; }

		a.swapped:link, a.swapped:visited 
			{display:block; /*allows width and height settings to apply*/
			width: 300px; /*match to width of the image*/
			line-height: 43px; /*match to height of the image*/
			text-indent:-100.0em; /*moves the text off screen*/
			text-decoration:none; /*removes the underline*/
			background:url(images/buttonoff.jpg) no-repeat; /*sets the unmoused image*/ }
		
		a.swapped:link:hover, a.swapped:visited:hover {
			background:url(images/buttonon.jpg) no-repeat; /*changes to the moused image on hover*/ }
			
		div#button
			{text-align: center;
			width: 100%; }
			
		.answeralert {
			background: none;}