/* ICONOGRAPHY 2008 - Standard Screen CSS */
body {
	background: #fff;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: x-small; /* for IE5 */
	f\ont-size: small; /* everyone else */
}

/*---------start of minimum width enforcer divs---------------*/


.width_enforcer {
	width:102%;
	min-width:800px; /* CHANGED TO REMOVE BACKGROUND COLOR */
/*hack\*/
width:100%;
/**/
}


.content_enforcer {
	/*border:1px solid #c00;*/
	padding:0px;
	/*padding:5px;*/
}


* html .minwidth_enforcer {
	padding-left:771px; /* CHANGED MARGIN TO PADDING */ 
}

* html .container_enforcer {
	margin-left:-771px;
	position:relative;
}

/*\*/
* html .minwidth_enforcer, * html .container_enforcer, * html .content_enforcer, * html .layout_enforcer  {
	height:1px;
}
/**/

/*---------end of minimum width enforcer divs-----------------*/


/************* COMMON ****************/
a {
	text-decoration: underline;
	color: #298B89;
}
a:hover {
	text-decoration: none;
}
p {
	position: relative;
	margin: 0 0 1.2em 0;
	padding: 0;
	font-size: 100%;
	line-height: 140%;
}
td, li {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
h1 {
	font-size: 220%;	
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #0A57A4;
}
h2 {
	font-size: 200%;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #0A57A4;
}
h3 {
	margin: 0;	
	font-size: 180%;
	font-weight: bold;
	color: #0A57A4;	
}
h4 {
	margin: 0;
	padding-bottom: 2px;
	font-size: 160%;
	font-weight: bold;
	color: #0A57A4;
}
h5 {
	margin: 0;
	font-size: 120%;
	text-align: left;
	color: #0A57A4;
	font-weight: bold;
}

.redtext{
color:#FF0000;
}
tr.alt td{
background:#ecf6fc;
padding: 4px;
}
tr.off td{
background:#fff;
padding: 4px;
}
tr.over td{
background:#bcd4ec;
padding: 4px;
}
/******************** HEADER ***********************/
#wrap {
	margin: 0px 10px;
	padding: 0;
	min-width: 768px;
	/* width:expression(document.body.clientWidth < 768? "768px": "auto" ); */
}
#header {
	height: 136px;
	padding: 0;
	margin: 0;
	clear: both;
	background: url("/images/bkg_header.jpg") no-repeat top right;
	position: relative;
}
#header .logo {
	margin: 0;
	padding: 0;
	width: 413px;
	top: 28px;
	position: absolute;
}
#titlebar {
	height: 30px;
	width: 100%;
	padding: 0;
	margin: 1px 0 0 0;
	clear: both;
	background: url("/images/bkg_titlebar.gif") repeat-x top left;
	overflow:hidden;
}
#titlebar .left {
	margin: 0;
	padding: 0;
	/*width: 225px;*/
}
#titlebar ul {
	margin: 0;
	padding: 0;
	clear: both;
	list-style: none;
}
#titlebar li { 
	display: inline; /* fixes extra gaps in IE5/win */
	margin: 0;
	padding: 0;
}
#titlebar .left a {
	margin: 0 0 0 10px;
	padding: 0;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 24px;
	font-size: 90%;
}
#titlebar .right {
	margin: 0 10px 0 0;
	padding: 0;
	/*width: 500px;*/
	overflow:hidden;
	text-align: right;
}
#titlebar .right h1 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #fff;
	line-height: 26px;
	font-size: 120%;
}

#loginbar {
	height: 22px;
	width: 100%;
	padding: 0 0 8px 0;
	margin: 5px 0 15px 0;
	clear: both;
	border-bottom: 1px solid #E7E7E7;
}
#loginbar .right {
	margin: 0 10px 0 0;
	padding: 0;
	text-align: right;
}
#loginbar h2 {
	padding: 0;
	margin: 0 0 0 10px;
}
#loginbar .username_align {
	margin: 0 10px 0 0;
	padding: 0px 0px 0px 10px;
	width: 500px;
	text-align: left;
}
#loginbar .username_align h1 {
	margin: 0;
	padding: 0px 0px 0px 200px;
	font-weight: bold;
	color: #fff;
	line-height: 26px;
	font-size: 120%;
}
#loginbar_action {
	height: 10px;
	width: 100%;
	padding: 0;
	margin: 5px;
	clear: both;
}
/************** MAIN CONTENT *****************/
/* column container */
.main-body {
	margin: 0 0 6px 0;
	padding: 0;
	position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
   width: 100%;			 /* width of whole page */
	overflow: hidden;	 /* This chops off any overhanging divs */
}
/* 2 column left menu settings */
/* .content {
	background: #FFD8B7;
} */
.content .page {
   float: left;
   width: 200%;
	position: relative;
	left: 200px;
   background: #fff;
	margin: 0;
	padding: 0;
}
.content .container {
	float: right;
	width: 50%;
	position: relative;
	right: 200px;
	margin: 0;
	padding: 0 0 1em 0;
}
.content .right-page {
   margin: 0 0 0 208px;
	position: relative;
	right: 100%;
	overflow: hidden;
	/*float: right;*/
}

/******************* left column and navigation ***********************/
.content .leftbar {
   float: left;
   position: relative;
   right: 185px;
	margin: 0;
	padding: 0;
	width: 196px;
}
#nav {
	margin: 0;
	padding: 0;
	width: 175px;
}
#nav ul {
	margin: 0;
	padding: 0;
	clear: both;
	list-style: none;
	font-size:0.7em;
}	
#nav li { 
	display: inline; /* fixes extra gaps in IE5/win */
	margin: 0;
	padding: 0;
}
#nav li.dummy { 
	border-top: 8px solid #92CDCB;
	border-bottom: 1px solid #E7E7E7;
	display: block;
	text-decoration: none;
	color: #298B89;
	padding: 2px 0 2px 15px;
	margin: 0 0 2px 0;
	height: 22px;
	line-height: 22px; 
	font-weight: bold;
	background: url("/images/nav.gif") no-repeat left center;
}
#nav li a {
	border-top: 8px solid #92CDCB;
	border-bottom: 1px solid #E7E7E7;
	display: block;
	text-decoration: none;
	color: #298B89;
	padding: 2px 0 2px 15px;
	margin: 0 0 2px 0;
	height: 22px;
	line-height: 22px; 
	font-weight: bold;
	background: url("/images/nav.gif") no-repeat left center;
}
#nav li a:hover {
	color: #298B89;
	background: url("/images/nav_on.gif") no-repeat left center;
}
#nav li a.on {
	border-top: 8px solid #92CDCB;
	border-bottom: 1px solid #E7E7E7;
	display: block;
	text-decoration: none;
	color: #298B89;
	padding: 2px 0 2px 15px;
	margin: 0 0 2px 0;
	height: 22px;
	line-height: 22px; 
	font-weight: bold;
	background: url("/images/nav_on.gif") no-repeat left center;
}
#nav li a.on:hover {
	color: #298B89;
	background: url("/images/nav.gif") no-repeat left center;
}

.directions_for_use{
font-size:1.2em;
font-weight:bold;
padding:0 0 0 0.5em;
margin: 0 10px 0 0;
}
/************ home page scores / results *******************/
#scores {
	margin: 0 10px 0 0;
	padding: 0;
	/*width: 150px;*/
	width: 210px;
	float: left;
	font-size: 90%;
	position: relative;
}
#scores ul {
	margin: 0;
	padding: 0;
	clear: both;
	list-style: none;
}
#scores li.on { 
	display: block; /* fixes extra gaps in IE5/win */
	/*
	margin: 0;
	padding: 0;
	*/
	padding: 0;
	margin: 0 0 1px 0;
	height:35px;
	heig\ht:36px;
}
#scores li.on a {
	/*border-top: 8px solid #92CDCB; */
	border-bottom: 1px solid #E7E7E7;
	display: block;
	text-decoration: none;
	color: #ff0000;
	padding: 6px 0 0 25px;
	margin: 0 0 1px 0;
	height: 28px;
	heig\ht: 29px;
	line-height: 30px; 
	font-weight: bold;
	background: url("/images/tick.jpg") no-repeat left center;
}

#scores li.noaction {
	/*border-top: 8px solid #92CDCB; */
	border-bottom: 1px solid #E7E7E7;
	display: block;
	text-decoration: none;
	color: #ff0000;
	padding: 6px 0 0 25px;
	margin: 0 0 1px 0;
	height: 28px;
	heig\ht: 29px;
	line-height: 30px; 
	font-weight: bold;
	background: url("/images/tick.jpg") no-repeat left center;
}
#scores li.incomplete {
	/*border-top: 8px solid #92CDCB; */
	border-bottom: 1px solid #E7E7E7;
	display: block;
	text-decoration: none;
	/*color: #ff0000;*/
	padding: 6px 0 0 25px;
	margin: 0 0 1px 0;
	height: 29px;
	line-height: 30px; 
/*	font-weight: bold;
	background: url("/images/tick.jpg") no-repeat left center;
*/
}
#scores li.on a:hover {	
	color: #ff0000;
	background: url("/images/tick.jpg") no-repeat left center;
}
#scores li.on a .action {
	font-size: 90%;
	color: #298B89;
}
#scores li.on a .action:hover {
	color: #92CDCB;
	background: none;
}
#scores li { 
	/*border-top: 8px solid #92CDCB;
	border-bottom: 1px solid #E7E7E7; */
	display: block;
	text-decoration: none;
	color: #ccc;
	padding: 4px 0 0 25px;
	margin: 0 0 2px 0;
	height: 31px;
	line-height: 31px; 
	font-weight: bold;
	background: none;
}
table.questions {
	color: #298B89;
}
.questionpage {
/*
	position: absolute;
	top: 40px;
	left: 1px;
	*/
	visibility: visible;
}
.parttabs {
	vertical-align: top;
	padding: 0;
	margin: 0;
}
#tabs {
	float: left;
	width: 100%;
	font-size: 90%;
	line-height: normal;
	background: url("/images/tabs_back.gif") repeat-x bottom;
}
#tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#tabs li {
	float: left;
	background: url("/images/left.gif") no-repeat left top;
	margin: 0;
	padding: 6px 0px 6px 16px;
}
#tabs a {
	float: left;
	display: block;
	background: #ddd url("/images/right.gif") no-repeat right top;
	border-bottom: none;
	padding: 10px 20px 8px 12px;
	text-decoration: none;
	color: #666;
}

.tab_right{
background: #ddd url("/images/right_on.gif") no-repeat right top;
font-weight:bold;
padding: 6px 16px 6px 0px;
}
#tabs .pad{
padding: 10px 20px 8px 16px;
}
/* Commented backslash hack hides rule from IE5-Mac \*/
#tabs a {
	float: none;
}
/* End IE5-Mac hack */
#tabs a:hover {
	color: #999;
}
#tabs #current {
	background-image: url("/images/left_on.gif");
}
#tabs #current a {
	background-image: url("/images/right_on.gif");
	color: #666;
	margin: 0;
	padding-bottom: 9px;
}
.question {
	height: 100px;
	vertical-align: top;
	border-bottom: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
	padding: 15px;
	margin: 0;
}
.answer1 {
	background: url("/images/q1.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer2 {
	background: url("/images/q2.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer3 {
	background: url("/images/q3.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer4 {
	background: url("/images/q4.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer5 {
	background: url("/images/q5.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer6 {
	background: url("/images/q6.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer7 {
	background: url("/images/q7.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer8 {
	background: url("/images/q8.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer9 {
	background: url("/images/q9.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer10 {
	background: url("/images/q10.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer11 {
	background: url("/images/q11.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer12 {
	background: url("/images/q12.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer13 {
	background: url("/images/q13.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer14 {
	background: url("/images/q14.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer15 {
	background: url("/images/q15.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer16 {
	background: url("/images/q16.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer17 {
	background: url("/images/q17.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer18 {
	background: url("/images/q18.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer19 {
	background: url("/images/q19.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer20 {
	background: url("/images/q20.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer21 {
	background: url("/images/q21.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer22 {
	background: url("/images/q22.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer23 {
	background: url("/images/q23.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}
.answer24 {
	background: url("/images/q24.gif") no-repeat top right; width: 185px; vertical-align: top; border-bottom: 1px solid #E8E8E8; padding: 15px; margin: 0;
}

.line {
	border-top: 1px dashed #E8E8E8;
}

hr .line {
	
	border-top: 1px dashed #E8E8E8;
}
.article-text{

clear:right;
/*margin:0pt 0pt 0pt 160px;*/
margin:0pt 0pt 0pt 220px;
}
.subheader{
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

.article ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: inside;
}
.article li {
	/*
	float: left;
	background: url("/images/left.gif") no-repeat left top;
	*/
	list-style-type: square;
	
	margin: 0;
	padding: 0px 0px 0px 0px;
}
/********************* footer *********************/
#footer {
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
	font-size:0.85em;
	color:#999999;
}
/*************** forms *********************/
.error{
	color:#FF0000;
}
.errorbox{
color:#FF0000;
border:1px solid #FF0000;
padding:1em;
font-size:0.8em;
}
fieldset { 
	margin: 0; 
	padding: 0; 
	border: none; 
}
.textfield {
	border: 1px solid #ccc;
	color: #666;
	vertical-align: middle;
	margin: 0;
	padding: 2px;
	width: 150px;
}
form {
	margin: 0;
	padding: 0;
}
label {
	cursor: pointer;
}
.textfield_label{
	font-size:0.8em;
}
.btn_login {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.btn_next {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.btn_prev {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
/********************* MISC ***********************/
a img {
	border: none;
}
dl, dt, dd {
	margin: 0;
	padding: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}	
.hide {
	display: none;
}
/********************* images ***********************/
#homepage_image{
background: url("/images/home_page.jpg") no-repeat bottom right;
height:200px;
  
    padding: 0;
	 margin: 0;
}
#directions_image{
background: url("/images/directions_page.jpg") no-repeat top right;
height:200px;
  
    padding: 0;
	 margin: 0;
}