body { margin-left: 0%; margin-right: 0%; font-family: Tahoma, Arial, sans-serif, Times New Roman; font-size: 16px%; background-color: rgb(255,255,255); color: rgb(0,0,0);}
  
  table {border-collapse: collapse;}

  table.pagelayout {border:0px solid hidden; width: 100%; border-collapse:collapse;}
	td.menu {background-color: rgb(255,255,255); padding: 10px; width:17%; vertical-align: top;}
	td.leftgutter {background-color: rgb(252,250,241); padding: 10px; width:1.5%;}
	td.maintext {background-color: rgb(252,250,241); padding: 10px ; vertical-align: top;}
	td.rightgutter {background-color: rgb(252,250,241); padding: 10px; width:1.5%px;}
	td.news {background-color: rgb(252,250,241); padding: 0px 10px 10px 10px; width:16%; vertical-align: top; }
  
  table.goldenrule {border: 0px none transparent; width: 70%; margin-left: auto; margin-right: auto;}
  td.goldenrule {border:0px none transparent; background-color: rgb(255,204,51); padding: 10px;}
  p.goldenrule {font-weight: bold;}

  table.plain {border: 0px none transparent; width: 100%; border-collapse: separate; border-spacing: 7px; page-break-inside: avoid;}
  table.plainauto {border: 0px none transparent; margin-left: auto; margin-right: auto; border-collapse: separate; border-spacing: 7px; page-break-inside: avoid;}
  th.plain {padding: 6px; vertical-align: top; border-bottom: 2px solid black;}
  td.plain {padding: 1px 6px 3px 6px; vertical-align: top; border-bottom: 1px solid black;}
  th.plainauto {padding: 6px; vertical-align: top; text-align: center; border-bottom: 2px solid black;}
  td.plainauto {padding: 1px 6px 3px 6px; vertical-align: top; text-align: center; border-bottom: 1px solid black;}

  table.simple {border: 0px none transparent; width: 100%; margin-bottom: 10px; border-collapse: separate; border-spacing: 7px; page-break-inside: avoid;}
  table.simplec {border: 0px none transparent; margin-bottom: 10px; margin-left: auto; margin-right: auto; border-collapse: separate; border-spacing: 7px; page-break-inside: avoid;}
  th.simple {padding: 6px; text-align: left; vertical-align: bottom;}
  td.simple {padding: 1px 6px 3px 6px; vertical-align: top;}
  th.simplec {padding: 6px; vertical-align: bottom; text-align: center;}
  td.simplec {padding: 1px 6px 3px 6px; vertical-align: top; text-align: center;}
  th.simpleu {padding: 6px; text-align: left; vertical-align: bottom; border-bottom: 2px solid black;}
  td.simpleu {padding: 1px 6px 3px 6px; vertical-align: top; border-bottom: 1px solid black;}
  th.simplecu {padding: 6px; vertical-align: bottom; text-align: center; border-bottom: 2px solid black;}
  td.simplecu {padding: 1px 6px 3px 6px; vertical-align: top; text-align: center; border-bottom: 1px solid black;}

  table.grid {border: 2px solid black; border-collapse: collapse; margin-left: auto; margin-right: auto; text-align: center; page-break-inside: avoid;}
  th.grid {padding: 6px; border: 1px solid black; background-color: white;}
  td.grid {padding: 6px; border: 1px solid black; background-color: white;}

  table.textgrid {border: 2px solid black; border-collapse: collapse; margin-left: auto; margin-right: auto; margin-bottom: 10px; text-align: left; page-break-inside: avoid;}
  th.textgrid {padding: 6px; border: 1px solid black; background-color: white; vertical-align: top; }
  td.textgrid {padding: 6px; border: 1px solid black; background-color: white; vertical-align: top; }
  
  table.minimal {border: 0px none transparent; border-collapse: separate; border-spacing: 7px; page-break-inside: avoid;}
  th.minimal {padding: 1px 6px 1px 6px; vertical-align: top;}
  td.minimal {padding: 1px 6px 1px 6px; vertical-align: top;}

  table.survey {border: 0px none transparent; border-collapse: collapse; margin-left: auto; margin-right: auto; page-break-inside: avoid;}
  th.survey {padding: 10px; vertical-align: top; background-color: rgb(255,255,175);}
  td.survey {padding: 10px; vertical-align: top; background-color: rgb(255,255,175);}
  
  h1,h2,h3,h4,h5,h6 { margin-left: 0%; color: rgb(105,105,105);}
  h1.title { font-family: Arial, Tahoma, sans-serif, Times New Roman; color: rgb(105,105,105); font-size: 1em; font-weight: bold; margin-top: 20px; margin-bottom: 0px}
  h1.subtitle { font-family: Arial, Tahoma, sans-serif, Times New Roman; color:rgb(169,9,9); font-size: 2.5em; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
  h1.hometitle { font-family: Arial, Tahoma, sans-serif, Times New Roman; color: rgb(169,9,9); font-size: 3em; font-weight: bold; margin-top: 20px; margin-bottom: 0px}
  h1.homesubtitle { font-family: Arial, Tahoma, sans-serif, Times New Roman; color:rgb(105,105,105); font-size: 1.6em; font-weight: bold; font-style: italic; margin-top: 10px; margin-bottom: 10px;}
  h2 {margin-top: 30px; margin-bottom: 10px;}
  h3.news { font-family: Tahoma, Arial, sans-serif, Times New Roman; color: rgb(0,0,0); font-size: 100%; font-weight: bold; margin-top: 20px; margin-bottom: 10px;}
  p {margin-top: 0px; margin-bottom: 10px;}
  .example {margin-left: +3%;font-size:90%;}
	.legalnote {font-size: 80%; margin-bottom: 0px; margin-top:0px; margin-left: 10px;}
	.copyrightnote {font-size: 80%; margin-bottom:5px; margin-top: 5px; margin-left: 10px; color: rgb(255,0,0);}
  .news {font-size:90%;}
  .class1 A:link {text-decoration: none; color: rgb(0,0,51); font-weight: bold}
  .class1 A:visited {text-decoration: none; color: rgb(0,53,53); font-weight: bold}
  .class1 A:active {text-decoration: none; color: rgb(0,0,153); font-weight: bold}
  .class1 A:hover {text-decoration: none; color: rgb(0,0,153); font-weight: bold}

  .class2 A:link {text-decoration: none; color: rgb(0,0,51); font-weight: bold}
  .class2 A:visited {text-decoration: none; color: rgb(0,53,53); font-weight: bold}
  .class2 A:active {text-decoration: none; color: rgb(0,0,153); font-weight: bold}
  .class2 A:hover {text-decoration: none; color: rgb(0,0,153); font-weight: bold}
  
	ul.example {margin-left: 5%; padding-left: 0%; font-size: 100%; }

/* for dark background of class2
  .class2 A:link {text-decoration: none; color: rgb(252, 250, 241); font-weight: bold}
  .class2 A:visited {text-decoration: none; color: rgb(188,186,177); font-weight: bold}
  .class2 A:active {text-decoration: none; color: rgb(255, 255, 255); font-weight: bold}
  .class2 A:hover {text-decoration: none; color: rgb(255, 255, 255); font-weight: bold}
*/
  @media print
  {
    span.class2 {display:none; width:0;}
    td.menu {display:none; width:0;}
    td.leftgutter {background-color: rgb(255,255,255);}
    td.maintext {background-color: rgb(255,255,255);}
    td.rightgutter {background-color: rgb(255,255,255);}    
  }