body {
  font: 12pt/20pt georgia; 
  font-family:georgia,verdana,arial,sans-serif,helvetica;
  text-align: center;
  color: #555753; 
  margin: 0;
  padding: 0;
  border: 0;
  color: black;
/* background options: cornsilk #ffffcc lemonchiffon ivory floralwhite lightgoldenrodyellow lightyellow oldlace seashell snow */
/* background options, blue theme: mintcream honeydew ghostwhite */
/* header options, beige theme: #ffcc88 */
/* header options, blue theme: */
  background-color: ivory;
  table-layout: fixed;
}
a:link {
  color: #000099;
  text-decoration: none;
}
a:active {
  color: #003399;
}
a:visited {
  color: #000099;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
img {
  padding: 1px;
  outline: 1px solid #cccccc;
  class: toggleopacity;
}
img:hover {
  padding: 1px;
  outline: 1px solid maroon;
  class: toggleopacity;
}
form{ margin:0; padding:0; }
h1 {
  text-align: left;
  vertical-align: top;
  color: maroon;
  padding: 5px;
  background: ivory;
/*  background: oldlace; */
  font: normal 1.8em Georgia, serif;
  border: 0px solid maroon;
  border-bottom: 2px solid maroon;
  margin-top: 0px;
  margin-bottom: 0px;
  display: block;
}

h2 {
  color: maroon;
  padding: 2px;
  background: oldlace;
  font: normal 1.5em Georgia, serif;
/*  text-decoration: underline; */
  border: 1px solid maroon;
  border-bottom: 2px solid maroon;
  margin-top: 10px;
  margin-bottom: 5px;
  display:block;
}
h3 {
  color: maroon;
  padding: 2px;
  background: oldlace;
  font: italic 1em Georgia, serif;
/*  text-decoration: underline; */
  border: 1px solid maroon;
  border-bottom: 2px solid maroon;
  margin-top: 10px;
  margin-bottom: 5px;
}
/* h1, h2, h3, h4, h5, h6 {color: gray; background: white;} */
table {
  table-layout: fixed;
  padding: 5;
  border: 5;
}
td {
}

#sampletag {
  text-align: center;
  vertical-align: middle;
  visibility: hidden;
  font-weight: bold;
  background: #ffcc88; /* menubar */
  background: #ffcccc; /* headerbar */
  background: #ffccaa; /* overlap */
  background: yellow url(titlebg.png) repeat-x;
}

/* ************************ page counter *************************** */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid indianred;
text-decoration: none; 
color: #000099;
}

.pagination a:hover, .pagination a:active{
border: 1px solid maroon;
color: #000;
background-color: lemonchiffon;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}


.headbar { 
           background: oldlace;
           display: block;
           border: 1px solid maroon;
           padding: 2px;
           font-size: 24px;
           }

.otherpages { 
              font-size: 20px;
              }


/* ******************************* img borders ************************ */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.toggleopacity img{ 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
                    

.toggleopacity:hover img{ 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
                          

.toggleopacity img{ 
border: 1px solid #ccc;
                    

.toggleborder:hover img{ 
border: 1px solid navy;
                         

.toggleborder:hover{ 
color: red; /* Dummy definition to overcome IE bug */                                          
}}}}}