/*  This style sheet once completed, shall be saved as:
"C:\c3w\imj\webssimj01.css"
This style sheet is for use in IMJ Website

Previous file: "webssimj01_X081112.css"
*/


body {
  background-color: transparent; /* new could be rgb(250,251,231); OLD: #add7ef;  */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  width: 100%;
  margin: 0px;
  padding: 0px;
  }
.bg0hometop {
  background-color: #C6E2FF;   /*060813 was: #add7ef; */
  text-align: center;
  }
.bg0homebottom {
  background-color: #000000;
  text-align: center;
  }
.bg0homewidth {
  width: 100%;
  }
.bg2rulewidth {
  width: 100%;
  }
.bodywidth {
  width: 100%;
  }




/* 2008-11-09 NEW ELEMENTS */
.body2008 {
  width: 100%;
  margin: 6px;
  padding: 0px;
  background-color: #fafafa; /* was light blue #C6E2FF */
  }
.pagewidthlimit {
  width:660px;
  height:1px;
  }
.pagetb1 {
  width:100%;
  background-color:#ffffff;
  padding:0px;
  border-top:solid 16px #cceeff;
  border-right:solid 16px #99bbff;
  border-bottom:solid 16px #6699ff;
  border-left:solid 16px #bbddff;
  }
.pagetb2 {
  width:100%;
  background-color:transparent;
  padding:0px;;
  border:solid 2px #000099;
  }
.logotext_td {
  width:100%;
  height:42px;
  font-family:Tahoma,Antique Olive,Verdana,Arial;
  color:#3333cc;
  }
.logotext_brandname {
  font-size:20px;
  font-weight:bold;
  }
.logotext_slogan {
  font-size:12px;
  font-weight:bold;
  }
.headersection_td {
  width:100%;
  background-color:#6666ff;    /* 081110 color: #003366; */
  padding:0px 7px;
  }
.headertitle_td {
  font-family:Tahoma,Antique Olive,Verdana,Arial;
  font-size:24px;
  font-weight:bold;
  color:#ddddff;   /* 081110 = #fed700; */
  }
.headersectiontext {
  color:#333399;   /* same as "headertitle_td" */
  font-weight: bold;
  }
.headersectionlinks_td {
  width:100%;
  font-size:11px;
  color:#ffffff;
  padding-bottom:2px;

  }
.headerarticle_td {
  width:100%;
  background-color:#9999ff; /* 081110 = #add7ef; OLD #add7ef; */
  padding:0px 7px;
  }
.headerarticlelinks_td {
  width:100%;
  padding-top:2px;
  padding-bottom:4px;
  font-size:11px;
  color:#000033;
  }
.pagetitle_tb {
  background-color: #ddddff; /* OLD #003366; */
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  }
.pagetitle_td {
  width:100%;
  padding:4px 7px;
  font-size:18px;
  font-weight:bold;
  color:#000033; /* OLD #ffffff; */
  }
.pagetitle_archives {       /* This element is unknown */
  font-size: 18px;
  font-weight: bold;
  color: #000033; /* OLD #ffffff; */
  }
.footerframe_td {
  width:100%;
  padding:12px 0px;
  }
.footerframe {
  width:100%;
  height:21px;
  }
.footerbody_bg {
  width:100%;
  background-color:#fafafa; /* same as "body2008" */
  padding:4px;
  font-size: 11px;
  color: #000033;
  }
.footerbody_links {
  color:#000033;
  background-color:transparent;
  text-decoration:none;
  }
.texts {
  color: #00178C;
  background: transparent;
  text-decoration: none;
  }






/* 2006-06-06: Added for iFrame structure */
.bodyalign {
  text-align: center;
  }
.iframetop {
  width: 100%;
  height: 75px; /* 73px */
  }
.iframefooter {
  width: 100%;
  height: 24px; /* 24px */
  }

td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  padding: 0px;
  margin: 0px;
  }
p, div {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  margin: 10px 0px;
  }
.bg1sec {
  background-color: #003366;
  width: 100%;
  }
.bg2art {
  background-color: #add7ef; /* OLD #add7ef; */
  width: 100%;
  }
.bg3title {
  background-color: #F9FFEB; /* OLD #003366; */
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  }
.bg3titletext {
  font-size: 18px;
  font-weight: bold;
  color: #003366; /* OLD #ffffff; */
  width: 100%;
  }
.bg3titlearchives {
  font-size: 18px;
  font-weight: bold;
  color: #003366; /* OLD #ffffff; */
  }
.indent1 {
  margin-left: 0px;
  text-indent: 0px;
  }
.indent2 {
  margin-left: 40px;
  text-indent: -20px;
  }
.indent3 {
  margin-left: 65px;
  text-indent: -25px;
  }
.indexbox {
  margin-left: 15px;
  text-indent: -15px;
  margin-top: 2px;
  margin-bottom: 0px;
  font-size: 11px;
  color: green;
  }
a.archiveslink:link, a.archiveslink:active, a.archiveslink:visited {
  font-size: 11px;
  color: #003366; /* OLD #ffffff; */
  background: transparent;
  }
a.archiveslink:hover {
  color: red;
  background: yellow;
  }
.bg4body {
  background-color: #ffffff;
  width: 100%;
  }
.bg5footer {
  background-color: #efefef;
  width: 100%;
  }
.link {
  font-size: 10px;
  color: #00178c;
  }
a:link, a:active, a:visited {
  color: #00178C;
  background: transparent;
  text-decoration: none;
  }
a:hover {
  color: red;
  background: yellow;
  }
a.images:link, a.images:visited, a.images:active, a.images:hover {
  text-decoration: none;
  background-color: transparent;
  }
a.mix:link, a.mix:active, a.mix:visited, a.mix:hover {
  color: #000000;
  text-decoration: none;
  background-color: transparent;
  }
a.seclink:link, a.seclink:active, a.seclink:visited {
  font-size: 11px;
  color: #ffffff;
  background: transparent;
  }
a.seclink:hover {
  color: red;
  background: yellow;
  }
.sectd {
  font-size: 11px;
  color: #ffffff;
  padding-bottom: 1px;

  }
a.artlinkhome:link, a.artlinkhome:active, a.artlinkhome:visited {
  font-size: 12px;
  font-weight: bold;
  color: #003366;
  background: transparent;
  }
a.artlinkhome:hover {
  color: red;
  background: yellow;
  }
a.artlink:link, a.artlink:active, a.artlink:visited {
  font-size: 11px;
  color: #003366;
  background: transparent;
  }
a.artlink:hover {
  color: red;
  background: yellow;
  }
.arttd {
  font-size: 11px;
  color: #003366;
  }
.boxfull {
  width: 90%;
  border: solid 1px brown;
  padding: 5px;
  margin: 0px 0px 8px 0px;
  }
.boxleft {
  float: left;
  border: solid 1px brown;
  padding: 5px;
  margin: 0px 8px 8px 0px;
  }
.boxright {
  float: right;
  border: solid 1px brown;
  padding: 5px;
  margin: 0px 0px 8px 8px;
  }
h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 8px 0px;
  }
h3 {
  font-size: 12px;
  font-weight: bold;
  margin: 8px 0px;
  }
ol {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 15px;
  }
ul {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 15px;
  }
li {
  margin-bottom: 4px;
  }
input, select, textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: rgb(136,0,0);
  }



/* Class elements for Online Rules and Standards */
/* Jul 2, 2006 */
.learn_bodybg {
  background-color: #f5f5dc;  /* #F3FDF4 */
  }
.learn_linksareabg {
  background-color: #0000EE;
  }
.learn_linksarea {
  padding: 3px 7px;
  }
.learn_counter {
  font-size: 11px;
  color: #ffffff;
  background-color: #000000;
  padding: 3px 7px;
  }
.learn_spaceline {
  background-color: #add7ef;
  border-bottom: solid 1px #000000;
  }
.learn_spacelineimage {
  height: 3px;
  width: 1px;
  border: 0px
  }
.learn_pagetitle {
  padding: 3px 7px 3px 7px;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  }
.learn_pagetitlebg {
  background-color: #87ceeb;  /*  #CCEBFD  */
  border-bottom: 2px solid #4169e1;  /*  #99C0F4  */
  }
.learn_iframesize {
  height: 39px;
  }
.learn_iframetexts {
  font-size: 11px;
  color: #ffffff;
  }
a.learn_seclink:link, a.learn_seclink:active, a.learn_seclink:visited {
  font-size: 11px;
  color: #ffffff;
  background: transparent;
  }
a.learn_seclink:hover {
  color: red;
  background: yellow;
  }



/* Class elements for IMJ Grade Element Demonstrations */
/* Rev: 060723, Ori-050227 */
.gradenormal {
  padding: 1px 0px 3px 0px;
  border-bottom: solid 2px #e0e0e0;
  }
.gradeselfmake {
  padding: 1px 0px 3px 0px;
  border-bottom: dashed 2px #dd3399;
  }
.listpaddingleft {
  padding: 0px 10px 1px 10px;
  text-align: left;
  font-size: 11pt;
  }
.listpaddingcenter {
  padding: 0px 10px 1px 10px;
  text-align: center;
  font-size: 11pt;
  }



/* Class elements for IMJ Rules Online */
/* Also refer to Class-series "indent1" etc. */
/* Jun 10, 2006 */
.ru0 {
  font-size: 14pt;
  }
.ru1 {
  margin-left: 0px;
  text-indent: 0px;
  font-size: 11pt;
  }
.ru2 {
  margin-left: 70px;
  text-indent: -50px;
  font-size: 11pt;
  }
.ru3 {
  margin-left: 110px;
  text-indent: -40px;
  font-size: 11pt;
  }




/* Class elements for ARCHIVE Tables */
/* Feb 7, 2007 */
.205table {
  background: #f9f9f9;
  }
.205title {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 3px;
  border: solid 1px #e0e0e0;
  }
.205td {
  font-family: Arial;
  font-size: 12px;
  padding: 2px;
  border: solid 1px #e0e0e0;
  }
.205yes {
  font-family: Arial;
  font-size: 12px;
  padding: 2px;
  text-align: center;
  background: #ccffcc;
  border: solid 1px #e0e0e0;
  }
.205no {
  font-family: Arial;
  font-size: 12px;
  padding: 2px;
  text-align: center;
  background: #ffcc99;
  border: solid 1px #e0e0e0;
  }
.205null {
  font-family: Arial;
  font-size: 12px;
  padding: 2px;
  text-align: center;
  background: transparent;
  border: solid 1px #e0e0e0;
  }
.205left {
  font-family: Arial;
  font-size: 12px;
  padding: 2px;
  text-align: left;
  background: transparent;
  border: solid 1px #e0e0e0;
  }