body {
    font-family: Arial, Helvetica, sans-serif;
}

.box {
  float: left;
  width: 50%; /* three boxes (use 25% for four, and 50% for two, etc) */
  padding: 30px; /* if you want space between the images */
}

.seperator {
  float: left;
  width: 20px; /* three boxes (use 25% for four, and 50% for two, etc) */
  background: purple;
}
.clearfix::after {
 content: "";
 clear: both;
 display: table;
}

.greenhilite {
    width: 600px;
    margin: 0 auto;
    padding: 1em;
    /*  background: white;  */
    background: #D1F2EB;
    border: 5px solid Green;
}


main {
    width: 800px;
    margin: 0 auto;
    padding: 1em;
    background: white;
    border: 2px solid navy;
}

h1 {
    margin-top: 0;
    color: #666666;

}

label {
    width: 10em;
    float: left;
    padding-right: 1em;
    padding-bottom: .5em;
}

td img{
    display: block;
    margin-left: auto;
    margin-right: auto;
  max-width:200px;  /*  new    */
  max-height:200px;  /*  new    */
  width: auto;  /*  new    */
  height: auto;  /*  new    */
}

img{
    display: block;
    margin-left: auto;
    margin-right: auto;
  max-width:200px;  /*  new    */
  max-height:200px;  /*  new    */
  width: auto;  /*  new    */
  height: auto;  /*  new    */
}
/*
td.thumbnail  {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width:200px;
  max-height:200px;
  width: auto;
  height: auto;
}

*/

#data input {
    float: left;
    width: 15em;
    margin-bottom: .5em;
}
#data span {
    padding-left: .25em;
}
#buttons input {
    margin-bottom: .5em;
}

#para1 {
    padding: 5px;
    border: 4px solid green;
  text-align: center;
  color: red;
}

.box {
  float: left;
  width: 50%; /* three boxes (use 25% for four, and 50% for two, etc) */
  padding: 30px; /* if you want space between the images */
}

.clearfix::after {
 content: "";
 clear: both;
 display: table;
}


label {
    width: 10em;
    float: left;
    padding-right: 1em;
    padding-bottom: .5em;
}


#recentpayment {
  text-align: right;
  /* background-color: yellow;   */
}

.list {
    width: 760px;
    margin: 0 auto;
    padding: 1em;
    background: white;
    border: 2px solid purple;
}

br {
    clear: left;
}


/*   h1 {color:blue;}   */
p {color:blue;}

img{
    display: block;
    margin-left: auto;
    margin-right: auto;
  max-width:200px;  /*  new    */
  max-height:200px;  /*  new    */
  width: auto;  /*  new    */
  height: auto;  /*  new    */
}

body
     {
      background: url("roseback.jpg");
      font-family: "Arial";

     }

.body { width: 700px;
      margin: 0px auto;
      background-color: #f5f5dc;
      padding: 8px;
}





.top  {width: 600px; border: thin dotted; padding: 5px; text-align: justify;
background-color: #fffff0; font-size: 12px; font-weight: bold; margin: 0px auto;}

.s
     {
     font-size: 8pt;
     }

.req
     {
     background-color: yellow;
     }

td.tab  {font-size: 10pt; font-weight: bold;}


/* Header shadow */

#shadow
{       text-align: center;
	font-family: Verdana;
	color: #c60;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}


table.tabspace {padding: 5px;}

.f
     {
     font-size: 12pt;
     font-weight: bold;
     color: blue;
     }

     td.thumbnail  {
       display: block;
       margin-left: auto;
       margin-right: auto;
       max-width:200px;  /*  new    */
       max-height:200px;  /*  new    */
       width: auto;  /*  new    */
       height: auto;  /*  new    */
     }

     .body {
            width: 600px;
            margin: 0px auto; padding: 15px;

            }


     .jeremy {
     	color: green !important;
     }

     table
     {
     border-collapse:collapse;
     width: 270px;
     }
     table, td
     {
     border:1px solid green;
     }

     .site-title
     { font-family: "Arial"
     color: #666666;
     }

     .site-description
     { font-family: "Arial"
     color: purple;
     /*  color: #8c8c8c;   */
     }