/* CSS Document */

html{ 
height: 100%; 
border: 0; 
padding: 0; 
margin: 0; 
}
body{
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(../images/stripes-tile.gif);
	background-repeat: repeat;
	background-position: center;
}

#spacer{ 
display: block; 
height: 90%; 
float: left; 
width: 1%; /* 1px would be enough this is for display only */ 
font-size: 1px; /* to make sure width is not overridden */ 
padding: 0; 
margin: 0; /* visual effect only */ 
}

#spacer2{ 
display: block; 
height: 90%; 
float: right; 
width: 1%; /* 1px would be enough this is for display only */ 
font-size: 1px; /* to make sure width is not overridden */ 
padding: 0; 
margin: 0; /* visual effect only */ 
}

#contentwrap{ 
display: block; 
width: 90%; /* to suit but leave room for spacer */ 
text-align: center; 
padding: 0; 
margin: 0; 
}

#content{
	margin: 0;
	padding: 0;
	text-align: center;
}

#header{
	clear: both;
	height:5%;
	padding: 0;
	margin: 0;
	background-color: #000000;
	background-image: url(../images/top-banner-tile.gif);
	background-position: center;
	background-repeat: repeat-x;
}

#footer{
	clear: both;
	height: 5%;
	padding: 0;
	margin: 0;
	background-color: #000000;
	background-image: url(../images/footer.gif);
	background-position: center top;
	background-repeat: repeat-x;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}