<style type="text/css">
#info {height:30em;}
#info p {text-align:center;}
.menu {
  display:table;           /* ignored by IE */
  padding:0; 
  list-style-type:none;
  white-space:nowrap;      /* keep text on one line */
  border:1px solid #06a;   /* add a border to show size of menu */
	float: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 924px;

  }
.menu li {
  display:table-cell;      /* ignored by IE */
  }
.menu a, .menu a:visited {
  display:block;           /* for all browsers except IE */
  padding:4px 16px;
  color:#fff; 
  background:#56628C; 
  border:1px solid;   /* add a 1px white border around each list item */ 
  text-decoration:none;
	filter: alpha(opacity=70);
	opacity: 0.80;
	border-color: #717DA8 #000000 #000000 #717DA8;
	width: 132px;
	font-size: 0.85em;
	line-height: 1.5em;

  }
.menu a:hover {
  color:#fff; 
  background:#333333;
	border-color: #333333 #000000 #000000 #333333;
	filter: alpha(opacity=55);
	opacity: 0.75;

  }

.lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}


</style>
<!--[if lte IE 7]>
<style type="text/css">
.menu {
  display:inline-block;    /* for IE only */
  width:1px;               /* IE will expand 1px width to fit menu width */
  padding:0 2px;           /* fix bug in IE to get border spacing correct */
  }  
.menu li {
  display:inline;          /* for IE only */
  }
.menu a, .menu a:visited {
  display:inline-block;    /* for IE only */ 
  margin:0 -2px;           /* to correct an IE bug that doubles the border width */  
  }
</style>
<![endif]-->

