/* for centering a block, 
   Note: text-align: center, and the selectors that restore
   text-align: left, are for working around an IE 5 bug... */
 
/*body.centered,*/ div.centered, .caption  {
  margin-left: auto; margin-right: auto;
  text-align: center
}
 
/*body.centered p {text-align: left}
body.centered table {text-align: left}
body.centered p.centered {text-align: center}*/
 
div.centered p {text-align: left}
div.centered table {text-align: left}
div.centered p.centered {text-align: center}
 

 
/* for tables and suchlike */
.groovy { border: thin grey groove;  border-collapse: collapse;}
table.groovy tr td { border: thin blue groove;}
 
/* for things that bump against the margins */
.floatleft {float: left; width: auto}
.floatright {float: right; width: auto}
.bumpleft {text-align: left; float: left; width: auto}
.bumpright {text-align: right; float: right; width: auto}
 
/* for centering vertically */
.vertical-center {vertical-align: middle}