/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* Reset
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
*{
  padding: 0px;
  margin: 0px;
  border: 0px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* Body
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body{
  background-color: RGB(245, 255, 255);
  font-family: Verdana, Tahoma;
  color: Black;

  font-size: 0.9em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  max-width: 900px;
  min-width: 300px;
  
  overflow: scroll;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* Paragraphs and headers
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
p{
  margin: 7px;
  line-height: 130%;
}

p.explain{
  font-size: small;
  font-style: italic;
}

h1, h2, h3, h4, h5{
  margin: 7px;
  clear: both;
}

h1{
  font-size: 130%;
}

h2{
  font-size: 110%;
  margin-top: 20px;
}

h3{
  font-size: 100%;
}

hr{
  border: 1px solid rgb( 43,  94, 160);
  background-color: RGB(245, 255, 255);
  height: 5px;
  margin-left: 7px;
  margin-right: 7px;
  background: linear-gradient(to right, rgb( 43,  94, 160), RGB(245, 255, 255), rgb( 43,  94, 160));
}

fieldset, legend{
  border: 1px solid rgb( 43,  94, 160);
  border-radius: 5px;
}

legend{
  margin-top: 7px;
  margin-left: 7px;
  padding: 5px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* Header and Footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.top{
  width: 100%;
  clear: both;
  border: 0px;
  margin: 0px;
}

footer{
  clear: both;
  border: 1px solid rgb( 43,  94, 160);
  border-radius: 5px;
  min-height: 20px;
  background-color: rgb(227, 239, 247);
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* Layout
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.flex{
  display: flex;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
img{
  max-width: 100%;
  height: auto;
  border: 1px solid rgb( 43,  94, 160);
  border-radius: 5px;
  margin: 0px 7px 7px 7px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* Iframes
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
iframe{
  border: 1px solid rgb( 43,  94, 160);
  border-radius: 5px;
  margin: 0px 7px 7px 7px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* Section
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
section{
  overflow: auto;
  width: 100%;
  background-color: rgb(227, 239, 247);
  padding: 5px;
  margin: 7px 0px 7px 7px;
  border: 1px solid rgb( 43,  94, 160);
  border-radius: 5px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
nav{
  clear:top;
  float: left;
  background-color: rgb(227, 239, 247);
  width: 110px;
  padding: 5px;
  margin: 7px 0px 7px 0px;
  border: 1px solid rgb( 43,  94, 160);
  border-radius: 5px;
  flex-shrink: 0;
}

nav a{
  text-decoration: none;
  display: block;
  color: Black;
  margin-bottom: 7px}

nav a:hover{
  background-color: rgb( 43,  94, 160);
  color: rgb(227, 239, 247);
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* List
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
ul.main{
  margin-left: 25px;
  list-style-type: square;
}

li.main{
  margin-bottom: 7px;
  margin-right: 7px;
/*  margin-left: 25px; */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
* iFrame
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
iframe{
  border: 0px;
  border-radius: 5px;
}