@charset "utf-8";
html { 
   height: 100%;}
body {font-family: Arial, Helvetica, sans-serif;
   color: #330099;
   height: 100%;
   background-color: #FFFFFF;}
a {
   border-bottom: dotted #B40000 1px;
   color: #330099; text-decoration: none; font-weight: bold;}
a:hover {
   color: #B40000;
   border-bottom: solid #B40000 1px;
   text-decoration: none;}
a:active {
   border-bottom: dotted #B40000 1px;
   text-decoration: none; color: #B40000;}
/*
a {
   color: #330099; text-decoration: none; font-weight: bold;}
a:hover {
   color: #B40000;
   text-decoration: underline;}
a:active {
   text-decoration: underline; color: #B40000;}
*/
.success {
  margin-top: 3pt; margin-bottom: 2pt;
  padding-left: 18pt;}
.success ul {
  padding-left: 15pt;}
.tasks {
  margin-top: 3pt; margin-bottom: 2pt;
  padding-left: 24pt;}
.tasks ul {
  padding-left: 15pt;}
.tasks li {
  font-weight: bold;}
.task {
  font-weight: normal;}
.task li {
  font-weight: normal;}
.more {
  margin-top: 10pt; color: #B40000;}
.why {
   border-bottom: dotted #B40000 1px;
   color: #B40000; text-decoration: none; font-weight: bold;}
.why:hover {
   color: #B40000;
   border-bottom: solid #B40000 1px;
   text-decoration: none;}
.why:active {
   border-bottom: dotted #B40000 1px;
   text-decoration: none; color: #B40000;}
.here {
  color: #B40000;
  font-weight: bold;}
.sf {
  display: none; 
  color: #330099; margin-top: 10pt;}
.req {
  color: #B40000;}
.studies li {
   margin-top: 3pt;}
.how_to h5 {
   margin-bottom: 6pt;
   font-weight: normal;
   font-size: medium;
   font-style: italic;}
.how_to div {
   margin-left: 15pt;}
.how_to ul {
   margin-top: 3pt;}

.box {
   border: 2px solid; margin: 0px 6px 6px 6px; border-color: #330099;
   color: #330099;
   background: white;
   padding: 18px; width: 250px; float: right;}
.tagline {					/* The world is changing...  */
   margin-top: 12pt; margin-bottom: 6pt;
   width: 808px;
   margin-left: 25pt;
   text-align: left;
   color: #330099;}
.login_box_home {
   float: right;
   color: black;
   margin-top: 0pt; margin-right: 0pt;
   text-align: right; font-size: small;}
.login_box_home a {
   border-width: 0px;
   color: #330099; text-decoration: none; font-weight: bold;}
.login_box_home a:hover {
   color: #B40000;
   text-decoration: underline;}
.login_box_home a:active {
   text-decoration: none; color: #B40000;}
.login_box {
   color: black;
   margin-top: 12pt; margin-right: 25pt;
   text-align: right; font-size: small;}
.login_box a {
   border-width: 0px;
   color: #330099; text-decoration: none; font-weight: bold;}
.login_box a:hover {
   color: #B40000;
   text-decoration: underline;}
.login_box a:active {
   text-decoration: none; color: #B40000;}
.logo3 {
   /* text-align: center */
   text-align: left;
   margin-left: 225px;

   margin-bottom: 6pt; margin-top: 0pt;}
.logo3 a {
  border-width: 0px;}
.logo {					/* Democracy Helpline        */
   font-size: 36pt; color: #B40000;
   margin-bottom: 12pt;
   font-family: Gill Sans, Arial, Helvetica, sans-serif;
   text-align: center;}
.logo a {
   color: #B40000;
   font-weight: normal;
   text-decoration: none;}
.logo a:hover {
   text-decoration: none;}
.nav2 {
   background: #FFFFDD;
   width: 812px; height: 16pt;
   padding-top: 4pt; 
   font-weight: bold;
   color: #330099;
   font-size: 10pt;}
.nav2 a {
   font-weight: bold;
   color: #330099;
   font-size: 10pt;
   text-decoration: none;}
.nav2 a:hover {
   text-decoration: underline;}
.nav1 {
   background: white;
   border: solid 1px #330099;
   width: 812px; height: 16pt;
   padding-top: 4pt; 
   font-weight: bold;
   color: #330099;
   font-size: 10pt;}
.nav1 a {
   font-weight: bold;
   color: #330099;
   font-size: 10pt;
   text-decoration: none;}
.nav1 a:hover {
   text-decoration: underline;}
.nav {
   background: #330099;
   width: 812px; height: 16pt;
   padding-top: 4pt; 
   font-weight: bold;
   color: white;
   font-size: 10pt;}
.nav a {
   border-width: 0px;
   font-weight: bold;
   color: white;
   font-size: 10pt;
   text-decoration: none;}
.nav a:hover {
   text-decoration: underline;}
.logo a {
   text-decoration: none;
   color: #B40000;}
.highlight_box {				/* [box with dashed border]  */
   border: dashed #330099 1pt;
   margin-top: 18pt;
   margin-left: auto; margin-right: auto;}
.who_and_why {					/* Who should use this ...   */
   font-size: 18px; color: #330099;}
#role_line {					/* [line to role expl.]	     */
   position: relative; top: 0px; left: 20px; float: right; 
   width: 100px; border-bottom: #330099 0px solid;}
#issue_line {					/* [line to issue expl.]     */
   position: relative; top: 0px; left: 20px; float: right; 
   width: 25px; border-bottom: #330099 0px solid;}
.explanation {					/* Issues: education ...     */
   margin-top: 0pt; margin-bottom: 0pt;
   padding-left: 6pt;
   font-size: medium; color: #330099; }
.explanation ul {
   margin-bottom: 0pt; margin-top: 0pt; margin-left: 0pt; 
   padding-left: 12pt;}
.access {					/* Access a world ...	     */
   font-size: medium; color: #330099;
   text-align: center; margin-left: 1em;
   margin-top: 12pt;}
.links {					/* Use diagnostic ...	     */
   color: #B40000; font-size: larger;
   font-family: Gill Sans, Arial, Helvetica, sans-serif;
   margin-left: 1em;}
.links a {
   font-weight: normal;
   color: #330099; text-decoration: none;}
.links a:hover {
   color: #B40000; text-decoration: none;}
.links_left {					/* View diagnostic ...	     */
   float: right;
   color: #B40000; font-size: larger;
   font-family: Gill Sans, Arial, Helvetica, sans-serif;
   margin-right: auto;}
.links_left a {
   font-weight: normal;
   color: #330099; text-decoration: none;}
.links_left a:hover {
   color: #B40000; text-decoration: none;}
.notes {					/* A free resource ...	     */
   margin-left: 2em;
   color: #B40000;
   font-size: small;} 
.field {
   margin-top: 12pt;}
.field ul {
   margin-top: 3pt;}
#sub_menu span a {
   border-width: 0px;
   color: #330099; text-decoration: none; font-weight: bold;}
#sub_menu span a:hover {
   color: #B40000;
   text-decoration: underline;}
#sub_menu span a:active {
   text-decoration: none; color: #B40000;}
#credit_box {
   border: solid #330099 1px; width: 810px;
   margin-left: auto; margin-right: auto;
   font-size: small; color: #330099;
   margin-bottom: 12pt; margin-top: 18pt;
   background: white;}
#credit_box a {
   border-width: 0px;
   color: #330099; text-decoration: none; font-weight: bold;}
#credit_box a:hover {
   color: #B40000;
   text-decoration: none;}
#credit_box a:active {
   text-decoration: none; color: #B40000;}
.content {
   margin-top: 12pt; margin-bottom: 12pt;
   margin-right: 25pt;
   margin-left: 25pt;}
#ctl0 {
   background: #00a651; border: 2px solid white; width: 16px; height: 16px;}
#ctl1 {
   background: #f66; border: 2px solid white; width: 16px; height: 16px;}
#ctl2 {
   background: #00aeef; border: 2px solid white; width: 16px; height: 16px;}
#ctl3 {
   background: #a67c52; border: 2px solid white; width: 16px; height: 16px;}
#ctl4 {
   background: #ffcc00; border: 2px solid white; width: 16px; height: 16px;}
#ctl5 {
   background: #662d91; border: 2px solid white; width: 16px; height: 16px;}
#ctl6 {
   background: #8dc63f; border: 2px solid white; width: 16px; height: 16px;}
#ctl7 {
   background: #92278f; border: 2px solid white; width: 16px; height: 16px;}
#color_0 {
   display: none; padding: 2px; background: #00a651;}
#color_1 {
   display: none; padding: 2px; background: #f66;}
#color_2 {
   display: none; padding: 2px; background: #00aeef;}
#color_3 {
   display: none; padding: 2px; background: #a67c52;}
#color_4 {
   display: none; padding: 2px; background: #ffcc00;}
#color_5 {
   display: none; padding: 2px; background: #662d91;}
#color_6 {
   display: none; padding: 2px; background: #8dc63f;}
#color_7 {
   display: none; padding: 2px; background: #92278f;}
#color_0 a, #color_1 a, #color_2 a, #color_3 a, #color_4 a, #color_5 a, #color_6 a, #color_7 a {
   color: white; text-decoration: none;}
#slices {
   border: 5px solid #666; border-width: 5px 5px 0px 5px;}
#sl0 {
   border: 5px solid #00a651;}
#sl1 {
   border: 5px solid #f66;}
#sl2 {
   border: 5px solid #00aeef;}
#sl3 {
   border: 5px solid #a67c52;}
#sl4 {
   border: 5px solid #ffcc00;}
#sl5 {
   border: 5px solid #662d91;}
#sl6 {
   border: 5px solid #8dc63f;}
#sl7 {
   border: 5px solid #92278f;}
#sl0 div, #sl1 div, #sl2 div, #sl3 div, #sl4 div, #sl5 div, #sl6 div, #sl7 div {
   margin-left: 25pt; text-indent: -20pt;}