.top {
	font-size:12px;
}

.top a {
text-decoration:none;
color:#65579B;
}

.top a:hover {
text-decoration:underline;
color:#B95630;
}

h1 {
/* border-top: solid;
border-top-width: thin;
border-bottom: solid;
border-bottom-width: thin;
background-color: #F8F8F8; */
clear:both;
}
h2 {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top: 10px;
	padding: 10px;
}

#content {
	clear:both;
	width:100%;
	/* z-index: -1; */
}

#questions {
	float: left;
	padding: 5px;
	width: 475px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}

#questions p {
	font-size:12px;
}

#qImage {
	margin: auto;
	width: 135px;
	float:right;
	text-align:center;
}
/* I have switched the float code for leftside and rightside here rather than modify all the pages on the site so the leftside is really the right and vice versa */
#leftSide {
	padding: 5px;
	width: 315px;
	font-family:Arial, Helvetica, sans-serif;
	float:right;
/*	font-size: 14px; */
	text-align:left;
}

#leftSide p {
/*	font-size: 14px;	 */
}

#rightSide a {
text-decoration:none;
color:#65579B;
}

#rightSide a:hover {
text-decoration:underline;
color:#B95630;
}

#rightSide {
	float: left;
	z-index: 0;
	margin: auto;
	width: 325px;
	text-align:center;
}

#engage {
	clear:both;
	text-align:left;
	width: 520px;
	height: 30px;
	margin: 0px auto;
	margin-top: 25px;
	background-image:url(engagebkgd.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
	padding: 7px 0px 5px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#engage a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	background-color: #65579B;
}

#engage a:hover {
	text-decoration:underline;
	color:#fcaf17;
}


#tabs11 {
	 margin-left: 12px;
	  margin-top: 5px;
      width:505px;
	  background:#fff;
      font-size:8px;
      line-height:normal;
      }

#tabs11 ul {
	  margin:0;
	  padding:0px;
	  list-style:none;
      }

#tabs11 li {
      display:inline;
      margin:0;
      padding:0;
      }

#tabs11 a {
      float:left;
      background:url("tableft11.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }

#tabs11 a span {
      float:left;
      display:block;
      background:url("tabright11.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9F9584;
      }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs11 a span {float:none;}
/* End IE5-Mac hack */
#tabs11 a:hover span {
      color:#FFF;
     }

#tabs11 a:hover {
      background-position:0% -42px;
      }

#tabs11 a:hover span {
      background-position:100% -42px;
      }

.progress {
	margin-top: 50px;
}

.buttons {
	text-align:center;
}

.buttons a:link {
	background:none;
}

.buttons a:visited {
	background: none;
}

.checklist ul li {
	/* font-size:16px;
	font-weight:bolder;
	background: url(checkbox_bullet.gif) 0px 5px no-repeat; */
}

#good {
	color:#238E23;
}

#okay {
	color:#0000FF;
}

#lack {
	color:#FF0000;
}

.scale {
	width: 400px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
}