 
  H1 {color: #000080; text-align: center}
  H2 {color: #000080; text-align: center}
  H3 {color: #000080; text-align: center}

  body 		{ font-family: Arial, Helvetica, sans-serif; background-color:#FFFFE8 }
  td   		{ font-family: Arial, Helvetica, sans-serif; }
  th   		{ font-family: Arial, Helvetica, sans-serif }
  
  ul {font-weight:bolder; color:#000080; background-color:#FFFFE8; horizontal-align:left}
  
  
  
  table.error {border:0; background-color:#FFFFE8;  width:75%}
  table.message {border:0; background-color:#FFFFE8;  width:75%}
  table.warning {border:0; background-color:#FFFFE8;  width:75%}
  table.nav {border:0; background-color:#FFFFE8;  width:100%}
  table.text {border:0; background-color:#FFFFE8;  width:100%}

  table.table2 {border:0; background-color:#FFFFE8;   width:50%}
  table.table1  {border:0; background-color:#FFFFE8;  width=100%}
  table.singlerow  {border:0; background-color:#FFFFE8;  width=100%}
  table.control {border:0; background-color:#FFFFE8;  width=70%}
  table.control2 {border:0; background-color:#FFFFE8;  width=70%}
  table.menu     { background-color: #FFFFE8; border:0; padding: 4; width:75%; horizontal-align:center}
   
  th.table2 {font-weight:bolder; color:#000080; background-color:#FFFFE8; horizontal-align:left}
  th.table1 {font-weight:bolder; color:#000080; background-color:#FFFFE8; horizontal-align:left}
  th.menu  {text-align: right; vertical-align: top; font-size:12 ;font-weight:bold}
  th.menubold  {text-align: right; vertical-align: top; font-size:12 ;font-weight:900;color:#FF00FF}
  th.menuhead {horizontal-align: left; vertical-align: top; font-size:18;font-weight:bold; color:#000080 }

  th.singlerow {horizontal-align: left; vertical-align: top; width:30%; font-size:12}
  th.control { horizontal-align: left; vertical-align: top; width:60%; font-size: 12}
  th.control2 { horizontal-align: left; vertical-align: top; width:30%; font-size: 12}
  th.control3 { horizontal-align: left; vertical-align: top; font-size: 12}
  th.info { horizontal-align: left; vertical-align: top; font-size: smaller; color:#000080; text-align:left; font-weight:light }
  
  td.error {color:#FF2020}
  td.message {color: #008000}
  td.warning {color:#FF2020}
  td.text {font-weight:bolder; color:#000080; background-color:#FFFFE8; font-size: smaller}
  td.table1 {font-size: smaller}
  td.table1line2 {background-color:#FFFF66 ;font-size: smaller}
  td.menu {horizontal-align: left; vertical-align: top;  }
  td.nav{horizontal-align: center; vertical-align: top;  }
  td.navhelp{horizontal-align: right; vertical-align: top;  }
  td.singlerow {horizontal-align: left; vertical-align: top; width:70% }
  td.control { horizontal-align: left; vertical-align: top; width:10% }
  td.control2 { horizontal-align: left; vertical-align: top; width:10% }
  td.advance { background-color: red }
  
  span.paid {background-color: #00ff00;font-weight:bolder}

  span.unpaid {background-color: orange }