/*
	Override Stylesheet
*/

#page {
	text-align: left;
	background: rgb(64, 64, 64);
	}

#header {
	/* the header section, covering title, menu and graphics */
	margin: 0;
	padding: 0; 
	height: 50px;
	display: block;
	
	background: rgb(37, 37, 37);
	
	/* allow positioning; is itself relative to #page  */
	position: relative;
	}
	
#header-top {
	/* display the upper left rounded border */
	background: none;
	height: 20px;
	width: 100%;
	overflow: visible;

	/* positioning */
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
	}
	
#header-top-inner {
	/* display the upper right rounded border */
	background: none;
	height: 20px;
	width: 100%;
	overflow: visible;

	/* positioning */
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9;
	}	

#header-bottom {
	background: none;
	height: 20px;
	width: 100%;

	/* positioning; relative to #header; set top to the height of the #header element */
	position: absolute;
	top: 50px;
	z-index: 50;
}

#header-bottom-inner {
	background: none;
	height: 20px;
	width: 100%;

	/* positioning; relative to #header-bottom */
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
}

#footer {
	background: rgb(37, 37, 37);
	border: none;
	height: 105px;
	
	/* allow positioning; is itself relative to #page  */
	position: relative;
	}
	
#footer-top {
	/* display the upper left rounded border */
	background: none;
	height: 20px;
	width: 100%;
	overflow: visible;

	/* positioning; is relative to #footer */
	position: absolute;
	left: 0px;
	top: -20px;
	z-index: 10;
	}	
	
#footer-top-inner {
	/* display the upper left rounded border */
	background: none;
	height: 20px;
	width: 100%;
	overflow: visible;

	/* positioning; is relative to #footer-top */
	position: absolute;
	left: 0px;
	top: 00px;
	z-index: 10;
	}

#footer-bottom {
	/* display the upper left rounded border */
	background: none;
	height: 20px;
	width: 100%;
	overflow: visible;

	/* positioning; is relative to #footer; set top to #footer height minus image height */
	position: absolute;
	left: 0px;
	top: 85px;
	z-index: 10;
	}	
	
#footer-bottom-inner {
	/* display the upper left rounded border */
	background: none;
	height: 20px;
	width: 100%;
	overflow: visible;

	/* positioning; is relative to #footer-bottom */
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
	}