H1 { color: green; font-family: Arial Bold, Arial; text-align: center; font-weight: bold; font-size: large}
H2 { color: green; font-family: Arial; text-align: center; font-weight: bold; font-size: large}
H3 { color: green; font-family: Arial; text-align: left; font-weight: bold; font-size: medium}
H4 { color: red; font-family: Arial; text-align: center; font-weight: bold; font-size: medium}
H5 { color: red; font-family: Arial; text-align: left; font-weight: bold; font-size: medium}
CAPTION {font-size: large}
TITLE {color: green}
BODY {background: #b7caba; color: #004040; font-weight: bold; font-size: 14pt; background-image: url(../backgrounds/poddys_default_background.png)}
HR {width:100%; color:green}

#container{
  width: 800px;
  margin: auto;
  padding: 20px;
  border: 1px solid #666;
  background: #b7caba;
/*  background-image: url(../backgrounds/poddys_default_background.png);*/
}

#header {
	position: absolute;
	width: 800;
	height: 200;
	top: 0;
	left: 20;
	right: 20;
	bottom: auto;
	border-bottom: 2px solid green;
	}
	
#mainbody {
	position: absolute; 
	height: auto;
	top: 200;
	left: 0;
	right: 200; 
	float: left;
	width: auto;
	bottom: 100;
	margin-right: 200px;
	padding-left:20px;
/*	margin: 0px 180px 0px 0px; */
/*	overflow: auto;  */
	}
	
#sidebar {
	position: absolute; 
	height: auto;
	top: 200;
/*	left: 0; */
	right: 0; 
/*	float: right; */
	width: 200;
	bottom: 100;
/*	margin-left: 10px; */
/*	margin: 0px 0px 0px 160px;  */
/*	overflow: auto; */
	}

#footer {
	position: fixed;
	width: 800;
	height: 100;
	top: auto;
	left: 0;
	right: 0;
	bottom: 0;
	border-top: 2px solid green;
	clear: both;
	}



.flex-container {
    display: flex;
    justify-content: center;
    flex-direction: row;
}

.center {
    display: flex;
    justify-content:center;
}