@CHARSET "ISO-8859-1";

body{
	margin:0;
	padding:header-<length> 0 footer-<length> 0;
}

div#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:header-<length>;
	background: rgb(191, 30, 46); 
	z-index: 5;
}
div#content{
	position:relative;
	top:10px;
	margin-right: auto;/*centres in compliant browsers*/
	margin-left: auto;/* " " */
	width:60em;
	height:header-<length>;
	background: white;
	color: black;
	z-index: 4;
}
@media screen{
	body>div#header{
	position:fixed;
	}
}

html {
color: rgb(102, 0, 0);
background-color: white; /* rgb(153, 255, 153); */
font-family: Helvetica, Helvetica Neue, Arial;
}
* html body{
	overflow:hidden;
} 
* html div#content{
	height:100%;
	overflow:auto;
	margin-right: auto;/*centres in compliant browsers*/
	margin-left: auto;/* " " */
	width: 60em;
	text-align: left
}

.central {
	margin-right: auto; /* centres in compliant browsers */
	margin-left: auto ;
	width: 60em;
	text-align: left;
}



div#head {
  width: 100%;
  height: 5em;
  line-height: 5em;
  text-align: center;
  color: #990000;
  background-color: #33cc00;
}

span#head {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;      
}

.container {
    display: table;
    border:1px solid green;
    }
    .rowctr  {
    display: table-row;
/*    border:1px solid red; */
	text-align:center
    }
    .rowright  {
    display: table-row;
/*    border:1px solid red; */
	text-align:center
    }	
    .row  {
    display: table-row;
/*    border:1px solid red; */
    }	
	
    .left, .right {
    display: table-cell;
	text-align:left;
    padding-right: 2px;
    border:2px solid rgb(153, 255, 153);
    }
    .leftr {
    display: table-cell;
	text-align:right;
    padding-right: 2px;
    border:2px solid rgb(153, 255, 153);
    }
	
	.leftmain {
    display: table-cell;
	text-align:right;
	width: 30em;
    padding-right: 2px;
    border:2px solid rgb(153, 255, 153); 
    }
    .middle {
    display: table-cell;
	text-align:center;
    padding-right: 2px;
    border:2px solid rgb(153, 255, 153);
    }
	
    .left p, .right p, .middle p {
    margin: 1px 1px;
    }	
	
table { border-collapse: separate; 
		border-spacing: 3px; 
		margin: 0 auto; 
}
th, td { vertical-align: top; 
	padding: 5px; 
 	border: 1px solid black;
}

table tr:nth-child(odd) td{
	background-color: #ffcc99; 
	color: #1a160a;
}
table tr:nth-child(even) td{
	background-color: #FFFFCC; 
	color: #683b19;
}