
html,body,#outermost {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
body {
  text-align: center; /* IE/Win bug fix */
  font-family: footlight mt light, Bookman Old Style, Book Antiqua, Garamond, Verdana, Arial, Helvetica, sans-serif;
  background: #1D1303;
}
 
#outer {
  height: 28em;
  width: 40em;
  border: 6px solid #A23227;
  z-index: 10;
  background:url(../images/all/bg.jpg); background-repeat:repeat;
}
/*
Works in IE5+/Win, Firefox, Safari, Opera 5+, Netscape 6+, Konqueror 3 
Does not work in NS4.x or IE/Mac
*/
.valignmid1 {
  position: relative;
  margin: 0 auto;
}
/* Opera 7.0x is buggy when you put display:table on <body> Opera 7.2+ and 6.x 
   don't appear to have this problem. We hide this from IE5/Mac, because it 
doesn't support display:table-cell and it doesn't have the same bug that allows
this to work in IE5-6/Win (hide from IE/Mac) \*/
.valignmid1 {
  display: table;
  vertical-align: middle;
}
/* Moz1.4 - Moz1.6 (NS7.1) bug, can't put position:relative on .valignmid2 \*/
.valignmid2 {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
/* end hide */
.valignmid3 {
  position: relative;
}
 
p,h2 {
  margin: 1em;
  padding: 0;
  text-align: left;
  text-indent: 2em;
}
h1 {
  font-size: 1.5em;
  margin: 1em; /* IE/Mac we set it later to 0 for other browsers */
  padding: 0;
  text-align: center;
}
/* hide from IE/Mac \*/
h1 {
  margin: 0;
}
#toCategoryIndex {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
}
#toCategoryIndex a {
  background-color: #bfc;
}
.lastUpdate {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1000;
  width: 16em;
}
/* end hide */
</style>
<!--[if lte IE 7]><style type="text/css">
 
/* this is the hack to make it work in IE5-7/Win */
.valignmid2 {
  top: 50%;
  left: 0;
  position: relative;
  margin: 0;
}
.valignmid3 {
  top: -50%;
  position: relative;
  padding: 1px 0;
}
 
/* these next two rules are a fix for the unnecessary scrollbars in IE7 */
#outermost {
  min-height: 28em; /* same as height for #outer */
}
*:first-child+html .valignmid3 {
  margin: -12% 0; /* you may need to adjust this */
}
 
/* to trigger hasLayout in IE7 */
.valignmid1,.valignmid2,.valignmid3 {
  min-height: 1px;
}
/* to trigger hasLayout in IE5-6/Win */
* html .valignmid1,* html .valignmid2,* html .valignmid3 {
  height: 1%;
}
* html body {
  position: relative;
}
<![endif]-->
