/* allabout.css - For use in "bullet listed" preview page etc. */

  html, body {
    background-color: #CCCCCC;
    color: #0000A0;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 90%; /* "em" means a multiple of the "normal" size. */
    margin: 0;
    text-align: center;
  }

  p {
    padding-left: 20px;
    padding-right: 20px;
    margin: 5px 1px 5px 1px;
  }
  
  img {
    border-style: none;
  }
  
  #more {
    position: relative;
    left: 650px;
    background: #8080d0;
    width: 100px;
    text-align: center;
  }
  #more a:link    { color: #FFFF99; text-decoration: none; }
  #more a:visited { color: #FFFF99; text-decoration: none; }
  #more a:hover   { color: #FFFFFF; text-decoration: none; font-weight: bold;}
  #more a:active  { color: #FFFF99; text-decoration: none; }

  h1{
    color: #000088;
    background-color: transparent;
    margin-left: 10px;
    font-size: 2em;
 }

  h2 {
    color: #A00000;
    font-size: 1.4em; /* "em" means a multiple of the "normal" size. */
    font-weight: bold;
    background-color: #FFFF99;
    background-image: url(fade.gif);
    background-position: top right;
    background-repeat: repeat-y;
    width: 490px;
    padding: 5px 0px 5px 20px;
    margin-bottom: 1px;
  }

#banner {
  width: 770px;
/*  height: 60px;
  color: #ffffff;
  background: #EEEEFF url(../inc/topbg.gif) repeat-x; */
  background-color: #FFFFFF;
  background-image: url(../images/toptools.jpg);
  background-repeat: no-repeat;
  background-position: bottom right; 
}

  #std_head {
    background: #FFFF99 url(headbg.gif) repeat-x;
    color: #000000;
    width: 770px;
    height: 20px;
    text-align: center;
    letter-spacing: 3px;
    font-size: 1.2em; /* "em" means a multiple of the "normal" size. */
    font-weight: bold;
    text-transform: uppercase;
  }
  #std_head a:link    { color: #000000; text-decoration: none; font-weight: normal;}
  #std_head a:visited { color: #000000; text-decoration: none; font-weight: normal;}
  #std_head a:hover   { color: #000000; text-decoration: none; font-weight: bold;}
  #std_head a:active  { color: #000000; text-decoration: none; font-weight: normal;}
  
  #content {
    position: relative;
    margin: 0px auto;
    width: 770px;
    border: 1px solid #a0a0a0;
    background-color: #ffffff;
    text-align: left;
  }

  #bottomhalf {
    position: relative;
  }
   .SPanel {
    float: right;
    background-color: #FFFFFF;
    color: #0000A0;
    border: solid #0000A0 2px;
    padding: 5px;
    margin-right: 5px;
    margin-left: 5px;
    width: 200px;
    font-size: 1em; /* "em" means a multiple of the "normal" size. */
    font-weight: normal;
  }

  .SPanel p {
    padding: 5px;
  }
  .SPanel h2 {
    background-color: #0000A0;
    color: #EEEEFF;
    background-image: none;
    width: 100%;
    padding: 3px 0px 6px 0px;
    font-size: 1em; /* "em" means a multiple of the "normal" size. */
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
  }

  .SPanel h3 {
    background-color: #EEEEFF;
    color: #0000A0;
    background-image: none;
    width: 100%;
    font-size: 1em; /* "em" means a multiple of the "normal" size. */
    font-weight: bold;
    margin: 15px 0px 3px 0px;
  }

     #SidePanel1 {
    position: absolute;
    background-color: #FFFFFF;
    color: #0000A0;
    top: 5px;
    left: 20px;
    border: solid #0000A0 2px;
    padding: 5px;
    width: 200px;
    /*height: 330px;
    font-size: 1em;  "em" means a multiple of the "normal" size. */
    font-weight: normal;
  }

  #SidePanel1 h2 {
    background-color: #0000A0;
    color: #EEEEFF;
    background-image: none;
    width: 100%;
    padding: 3px 0px 6px 0px;
    font-size: 1em; /* "em" means a multiple of the "normal" size. */
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
  }

  #SidePanel1 h3 {
    background-color: #EEEEFF;
    color: #0000A0;
    background-image: none;
    width: 100%;
    font-size: 1em; /* "em" means a multiple of the "normal" size. */
    font-weight: bold;
    margin: 15px 0px 3px 0px;
  }

   #SidePanel2 {
    position: relative;
    top: -5px;
    left: 240px;
    padding: 5px;
    width: 495px;
    /*font-size: 1em;  "em" means a multiple of the "normal" size. */
    font-weight: normal;
  }
  #SidePanel2 h2 {
    width: 100%;
  }
  
.panel {
  color: #606060;
  background-color: #000000;
  margin: 6px 3px 6px 3px;
  padding: 3px 6px 3px 6px;
  font-weight: normal;
  border-color: #808080;
  border-style: solid;
  border-width: thin;
}

.panel  h2 {
  font-size: 1.5em;
  margin: 5px 0px 3px 0px;
  color: #A0A0A0;
  text-align: center;
} 

.panel  p {
  margin: 8px 0px 8px 0px;
} 

.panel table {
  color: #707070;
  background-color: #FFFFFF;
  font-weight: normal;
} 


  #std_foot {
    position: relative;
    clear: both;
    background: transparent url(headbg.gif) repeat-x;
    background-position: top left;
    color: #000000;
    width: 770px;
    height: 40px;
    text-align: center;
    /*font-size: 1.2em;  "em" means a multiple of the "normal" size. */
    font-weight: bold;
    text-transform: uppercase;
  }
  #std_foot a:link    { color: #000000; text-decoration: none; font-weight: normal;}
  #std_foot a:visited { color: #000000; text-decoration: none; font-weight: normal;}
  #std_foot a:hover   { color: #000000; text-decoration: none; font-weight: bold;}
  #std_foot a:active  { color: #000000; text-decoration: none; font-weight: normal;}

.rj {
  float: right;
}

.clear {
  clear: both;
}