html, body {
  height: 100%;
  background-image:url(../images/WorldFlags.gif)
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin-bottom:-60px;
  background-color: rgba(255,255,255,0.90);
}

/* fixed height of the header and footer */
#footer, #header {
  height: 60px;
  position: absolute;
  background-color: #eee;
  width: 100%;
}

#footer {
  bottom: 0;
}

#header {
   top:0;
}

#push {
	height:60px;
}

#saxlogo {
	top: 10px;
	right: 60px;
	position:absolute;
}

.pjust {
	text-align: justify;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
#footer, #header, #wrap, #push {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
}

