body
{
background-color: #000000;
text-align : left;
margin-top : 0px;
}

h1
{

font-family: Arial, Helvetica, serif;
font-size: 60%;
font-weight: bold;
font-color: #9BB15C;
}

a:link {background : #000000; color: #9BB15C; text-decoration: none}
a:visited {background : #000000; color: #9BB15C; text-decoration: none}
a:hover {background : #000000; color: red; text-decoration: none}
a:active {background : #000000;color: #9BB15C; text-decoration: none}

div.top {
  /* In effect the rest of the screen, the main part if you like.  */
  top: 0;
  /* width of .left */
  left: 0;
  right: 0;
  /* 100% - height of .bottom  */
  height: 90%;
}

div.bottom  {
  /* Placed in the lower part */
  bottom: 0;
  /* Don't overlap the left-side */
  left: 0;
  /* Full width, this doesn't work completely with IE, but see
     fixed_ie5.css for details. */
  right: 0;
  /* Height of bottom part */
  height: 10%;
border-top: 5px solid red;

}





#global { position:absolute; left: 50%; top: 50%;  margin-top: -350px; /* half of the height */ margin-left: -375px; /* half of the width */ border: 0px solid #2E2E2E; }