body
{
  font-family: Arial, sans-serif;
}

html
{
  box-sizing: border-box;
}

*, *:before, *:after
{
  box-sizing: inherit;
}

div
{
  padding: 1em;
}

#ImageDiv
{
  height: 0;
	width: 100%;
	padding-bottom: 92%;  /* was height in one previous version */
	position: relative;
}

html, body, #section1, #content
{
	width: 100%;
	height: 100%;
}

#SVG_Object
{
	width: 60%;
	position: absolute;
	left: 0;
	top: 0;
}

#div1_original
{
  background-color:lightblue;
  width: 700px;
  height: 5em;
}

#div_top_NO_pos
{
  background-color: yellow;
  width: 700px;
  height: 5em;
}

#div_top_abs_pos
{
  position: absolute;
  left: 50px;
  top: 500px;
  background-color: yellow;
  width: 700px;
}

#div1_positioned_abs
{
  position:absolute;
  left:50px;
  top:100px;
  background-color:lightgreen;
  width: 700px;
  height:300px;
}

#div1_not_pos
{
  position: relative;
  background-color:lightgreen;
  width: 700px;
  height:300px;
}

#div2_not_pos
{
  background-color:lightpink;
  width:300px;
}

#page_links
{
  position: absolute;
  left: 10px;
  top: 600px;
}

#div1_positioned_rel
{
  position:relative;
  left:150px;
  top:100px;
  background-color:lightgreen;
  width:700px;
  height:300px;
}

#div1_NOT_positioned_rel
{
  background-color:lightgreen;
  width:700px;
  height:300px;
}

#nonDefault
{
  position:absolute;
  left:150px;
  top:120px;
  background-color:lightpink;
  width:300px;
}

#Default
{
  background-color:lightpink;
  width:300px;
}

#div4
{
  width: 700px;
  height: 80px;
  background-color: lightgrey;
}