body{
background: #000000;
margin: 0;
}


#container {
overflow: hidden;
width: 900px;
margin-left: auto;
margin-right: auto;
background: #fff;
}


#global ul {
margin: 0; 
padding: 0; 
list-style-type: none; 
list-style-image: none; 
}

#global li {
display: inline;
text-align: center;
text-transform: uppercase;
}

#global ul a {
  float: left;
  width : 156px;
  height : auto;
  display : block;
  border : 2px outset #0077BE;
  text-decoration : none;
  background-color : #0077BE;
  color : #eee;
  font-weight : bold;
  padding : 3px 10px; /* these initial top/bottom left/right padding values are critical to create a baseline left/right value can be whatever but must exist */
  outline : 0;
  cursor : pointer; /* this is needed for Opera due to the current style - weird but true */
}

#global a:hover, #global a:focus {
  border : 2px outset #013E97;
  background-color : #013E97;
  color : #FFF000;
}

/* 
  This is focus in IE... for other browsers, the button is depressed when clicked or Enter it pressed.
  When using a 2px border, the padding will shift 1px left and to the top
*/




#main h2, #main p, #main h1{
margin: 20px;
}

#main table {
margin: 20px;
}