@media screen {

  html * {
      box-sizing:border-box;
      -moz-box-sizing:border-box;
  }

  * {
      margin:0;
      padding:0;
      border:none;
      font-style:normal;
      font-weight:normal;
  }
  
  body {
      margin:0;
      padding:0;
      color:#444444;
      background:#f5f5f5;
      font-size:100%;
      font-family:Geneva, Arial, Helvetica, sans-serif;
      letter-spacing:nomal;
  }
  
  h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,table,blockquote,address,div {
      margin:0;
      padding:0;
      text-align:left;
      letter-spacing:1px;
      font-style:2em;
  }
  
  h1,h2,h3,h4,h5,h6 {
      color:#333333;
      font-weight:bold;
  }
  
  h1 *,h2 *,h3 *,h4 *,h5 *,h6 * {
      color:#333333;
      font-weight:bold;
  }
  
  h1 {
      margin:0.6em 0.5em;
      /*margin:1.5% 1.5%;*/
      padding:0.2em;
      font-size:1.4em;
      /*border:1px solid #000;*/
  }
  
  h2 {
      margin:0.6em 0.7em;
      padding:0.2em;
      font-size:1.2em;
      /*border:1px solid #000;*/
  }
  
  h3 {
      /*margin:1em 1.2em;*/
      margin:1.3em 1.1em 0.6em 1.1em;
      padding:1px 0.3em;
      color:#000066;
      font-size:1em;
      background-color:#f5f5f5;
      border-top:1px solid #dddddd;
      border-right:7px double #000066;
      border-bottom:1px solid #dddddd;
      border-left:7px double #000066;
  }
  
  h4 {
      margin:0.1em 2em;
      padding:0.3em;
      font-size:0.9em;
  }
  
  /*h5 {
      margin:0.4em 2em;
      padding:0.3em;
      font-size:0.9em;
      font-style:italic;
      color:#666666;
  }*/
  
  h5 {
      margin:0.1em 2.3em;
      padding:0.1em;
      color:#666666;
      font-size:0.8em;
      /*font-style:italic;*/
      text-align:right;
  }
  
  /*h6 {
      margin:0.2em 2.3em;
      padding:0.3em;
      font-size:0.8em;
  }*/
  
  h6 {
      margin:0.1em 2.3em;
      padding:0.1em;
      color:#666666;
      font-size:0.8em;
      text-align:right;
  }
  
  p {
      font-size:0.9em;
      margin:0.3em 2.1em 1em 2.1em;
      padding:0.4em 0.5em;
      line-height:1.4em;
  }
  
  p.summary {
      background-color:#f8f8f8;
  }
  
  p.intro {
      border-top:1px solid #bbbbbb;
      border-bottom:1px solid #bbbbbb;
      background:#fcfcfc;
  }
  
  p.notes {
      border:4px double #bbbbbb;
      background-color:#fffff0;
  }
  
  blockquote {
      margin:1.8em 3.5em 1.8em 0.2em;
      padding:0.8em 0.8em;
      font-size:0.9em;
      font-family:serif;
      line-height:1.4em;
      border-left:solid 8px #9099aa;
      color:#708090;
  }
  
  blockquote p {
      margin:0;
      padding:0;
  }
  
  ul, ol {
        /*margin:0.3em 4em 0.8em 4em;*/
        /*margin:0.3em 2.4em 0.8em 2.4em;*/
        margin:0.8em 2.1em 0.8em 2.1em;
  }
  
  ul {
      padding:0.1 0.1em 0 1.4em;
      list-style-position:outside;
      list-style-type:disc;
  }
  
  li {
      margin:0.2em 0;
      font-size:0.9em;
      line-height:1.3em;
  }
  
  ul ul {
      margin:0;
      list-style-type:circle;
      /*border:1px solid #000;*/
  }
  
  ul ul ul {
      margin:0;
      list-style-type:square;
  }
  
  li.arrowRed {
      list-style-image:url('../img/arrow1.gif');
      margin:0.2em;
  }
  
  li.arrowPink {
      list-style-image:url('../img/arrow2.gif');
      margin:0.2em;
  }
  
  li.arrowGreen {
      list-style-image:url('../img/arrow3.gif');
      margin:0.2em;
  }
  
  ol {
      padding:0 0 0 1.8em;
      list-style-type:upper-roman;
      /*border:1px solid #000;*/
  }
  
  ol ol {
      margin:0;
      list-style-type:decimal;
      font-size:1em;
  }
  
  ol ol ol{
      margin:0;
      list-style-type:lower-roman;
      font-size:1em;
  }
  
  ol ol ol ol{
      margin:0;
      list-style-type:upper-latin;
      font-size:1em;
  }
  
  ol ol ol ol ol{
      margin:0;
      list-style-type:lower-latin;
      font-size:1em;
  }
  
  dl {
      margin:0.5em 2.2em;
      padding:0.1em 0.2em;
  }
  
  dt {
      margin:0.2em 0;
      padding:0.1em 0.2em;
      font-weight:bold;
      font-size:0.9em;
  }
  
  dd {
      margin:0.2em 1em 0.4em 1em;
      padding:0.1em 0.2em;
      font-size:0.9em;
      line-height:1.4em;
      /*border:1px solid #000000;*/
  }
  
  dl ul {
      /*margin:0 0.1em;*/
      margin:0;
      /*font-size:1.1em;*/
  }
  
  dl ol {
      margin:0 0.1em;
  }
  
  table {
      margin:0.2em 3.2em 1.5em 3.2em;
      table-layout:auto;
      border-collapse:collapse;
      border-top:1px solid #000066;
      border-bottom:1px solid #000066;
      border-spacing:1px;
  }
  
  td,th {
      padding:0.2em 0.8em;
      font-size:0.9em;
      empty-cels:show;
  }
  
  th {
      color:#ffffff;
      font-weight:bold;
      text-align:center;
      background:#6959cd;
  }
  
  th.sideStyle {
      text-align:left;
      border-bottom:1px solid #000066;
  }
  
  td {
      border-top:1px solid #000;
      background:#fcfcfc;;
      line-height:1.4em;
  }
  
  table.layout {
      margin:0;
      padding:0;
      border:none;
  }
  
  .layout td, .layout th {
      padding:0;
  }
  
  .layout th {
      color:#444444;
      font-weight:bold;
      text-align:center;
      background:#ffffff;
  }
  
  .layout td {
      border:none;
      background:#ffffff;
  }
  
  .simple td {
      border:none;
  }
  
  td.hasBorder {
      border-right:2px solid #6959cd
  }
  
  caption {
      display:table-caption;
      /*text-align:left;*/
      caption-side:top;
      font-size:0.8em;
  }
  
  td ul, td ol, td dl {
      margin:0 0 0 1.2em;
      padding:0;
      font-size:1.1em;
  }
  
  address {
      margin:0 5% 0.1em 5%;
      padding:0.2em;
      color:#888888;
      font-size:0.8em;
      font-style:normal;
      text-align:right;
      border-top:1px dashed #cccccc;
  }
  
  hr {
      width:90%;
      color:#ffffff;
      margin-left:auto;
      margin-right:auto;
      margin-bottom:0;
      text-align:center; /* for IE hack */
      border-bottom:2px dotted #bbbbbb;
      border-top:none;
      border-right:none;
      border-left:none;
  }
  
  img {
      border:none;
  }
  
  img.titleImage {
      border:none;
      display:block;
  }
  
  strong {
      font-weight:bold;
      font-style:normal;
      color:red;
  }
  
  em {
      font-weight:bold;
      font-style:nomal;
  }
  
  dfn {
      color:#666666;
      background-color:#f8f8f8;
      font-style:normal;
      font-weight:bold;
      border-bottom:3px double #666666;
  }
  
  q { quotes: "\"" "\""; }
  /*q:before { content: open-quote }*/
  /*q:after { content: close-quote }*/


  div.content, div.double {
      border:0;
      width:750px;
  /*    margin: 0px auto; */
      background:#ffffff;
  }
  
  div.main {
      border:0;
      width:750px;
      background:#ffffcc;
  }
  
  div.leftPart {
      float:left;
      width:500px;
      /*border:1px solid #000;*/
  }
  
  div.rightPart {
      float:left;
      width:250px;
      color: #336699;
      background-color: #d0d0f0;
      /*border:1px solid #000;*/
  }
  
  .clear {
      clear:both;
  }
  
  div.topics {
      margin:1.2em 2.6em 2em 2.6em;
      padding:0;
      border:1px solid #000088;
      background-color:#f0f0fc;
  }
  
  div.topics * {
      margin:0.2em;
  }
  
  div.topics h3, div.topics h4 {
      color:#ffffff;
      /*margin:-28px 0 0 -1px;*/
      margin:0;
      padding:2px 8px;
      background-color:#224499;
      border-top:none;
      border-right:none;
      /*border-bottom:1px solid #0000aa;*/
      border-bottom:none;
      border-left:none;
  }
  
  div.navi {
      background:#6666ff;
      margin:0;
      padding:5px;
      border:none;
      font-size: 0.8em;
      width:750px;
  }
  
  div.navi a {
      color:#fff;
      text-decoration:none;
      font-weight: bold;
  }
  
  div.navi a:hover {
      color:#ff0000;
      text-decoration:underline;
      font-weight:bold;
  }
  
  div.copyright {
      clear:both;
      margin:3em 0 0 0;
      padding: 5px;
      color: #ffffff;
      background:#6666ff;
      font-size: 0.75em;
      font-weight: bold;
      text-align: center;
  }
  
  div.lastModified {
      font-family:arial, sans-serif;
      font-size:0.8em;
      margin:1em 5%;
      padding:0.2em 0 0 0.5em;
      border-top:1px solid #999;
  }
}

