body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#333; 
  font-family:arial, verdana, sans-serif; 
  font-size:76%;
  overflow: hidden; 
  }

/* for internet explorer */
* html body {
  padding:104px 0 50px 0; 
  }

#container {
  font-family:"times new roman", serif;
  font-size: 1.2em;
  color:#fff; 
  position:fixed; 
  top:104px;
  left:0;
  bottom:50px; 
  right:0; 
  overflow:auto; 
  background:#111;
  padding-right:40px;
  text-align:center;
  }

* html #container {
  height:100%; 
  width:100%; 
  }

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:100px; 
  overflow:auto; 
  background:#0f0f0f;
  background-image:url('images/back.gif');
  border-bottom:4px solid #000;
  }
* html #header {height:104px;}


#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:75px; 
  overflow:auto; 
  text-align:right; 
  background:#0f0f0f;
  background-image:url('images/back.gif');
  border-top:5px solid #000;
  }
* html #footer {height:50px;}

/* end of bit that does the work */

h1 {font-size:4em; margin:0; padding:0;}

#footer p {
  color:#fff; 
  margin:5px 10px 0 10px;
  }


#header img {
  margin:10px 10px 0 10px;
  }
#container img {margin:1px;}
#absolute {
  position:absolute; 
  top:400px; 
  right:100px; 
  width:200px; 
  background:#ccc; 
  padding:20px; 
  border:1px solid #000;
  }

a, a:visited {

  text-decoration:none;
  color:#ccc;
  }

a:hover {
  color:#fff; 
  text-decoration:none;
  }


div.centered 
{
text-align: center;
}

div.centered table 
{
margin: 0 auto; 
text-align: center;
margin-left: auto;
margin-right: auto;
padding:0px; 
vertical-align: middle
}

div.right 
{
text-align: right;
}

div.left
{
text-align: left;

}

img.panel {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin:0px
  }



P {
	text-indent:20pt;
	padding-left: 5px;
	font: 10pt "Verdana", "Times New Roman"}

P.left {
	text-indent:0pt;
	text-align: left;
	font: 10pt "Verdana", "Times New Roman"
	}

.grey {color:#888;}

.ltgrey {color:#ddd;}


#header ul {
  clear:both; 
  text-align:center; 
  }

#header ul {
  margin:0; 
  padding:0; 
  list-style-type:none; 
  background:transparent; 
  height:1em;
  }

#header ul li {
  display:inline; 
  color:#fff;
  }


#footer ul {
  clear:both; 
  text-align:center; 
  }

#footer ul {
  margin:0; 
  padding:0; 
  list-style-type:none; 
  background:transparent; 
  height:3em;
  }

#footer ul li {
  display:inline; 
  color:#fff;
  }