* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body 
{
	background-color:#009999; /*#778899;*/
	/*text-align:center;*/
	min-height:468px;/* for good browsers*/
	min-width:552px;/* for good browsers*/
}
#xouter{
	height:100%;
	width:100%;
	display:table;
	/*vertical-align:middle;*/
}
#xcontainer {
	/*text-align: center;*/
	/*height:90%;
	width:75%;*/
	/*position:relative;*/
	/*vertical-align:middle;*/
	display:table-cell;
}	
#xinner {
	background:#99cc99;
	/*height: 468px; */
	height:90%;
	width:75%;
	/*text-align: Center;*/
	margin-left:auto;
	margin-right:auto;
	/*border:1px solid #000;*/
}

#coolmenu{
border: 1px solid black;
width: auto;
background-color: #99cc99;/*#E6E6E6;*/
}

#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display:table-row;
width: auto;
color: white;
text-decoration: none;
text-align: center;
border-bottom: 1px solid black;
}

html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}

#coolmenu a:hover{
background-color: #009999;
color: white;
}

/* not required for demo */
p,h1{margin-bottom:1em}
#header{margin-right:0}
.maintxt{text-align:left;margin:1em;}