@charset "utf-8";
/* CSS Document */

html {
  max-width: 120ch;
  margin: auto;
  padding: 3em 1em;
}

h1,h2,h3,h4,h5,h6 {
  color: #000;
  margin: 0 0 1.0em 0;
}

h1 {
color: #626254;
}


h2 {
color: #2e78f4;
}

p,ul,ol {
  margin-bottom: 1.5em;
  color: #000;
  line-height: 1.75;
  font-size: 1.25em;
}

body	{
  background-color:#626254;
  height:100%;
padding-bottom:4.0em;
}

#container {
	border-style: solid;
	border-width: 0em;
	border-color: #ebebeb;
	border-radius: 0.4em;
  padding: 0em;
  background-color:#fff;
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  display: flex;
  flex-flow: column;
  height: 100%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}


#rowHeader	{
text-align:left;
background-color:#2e78f4;
width:auto;
padding:2.8em;
border-radius: 0.4em 0.4em 0 0;
min-height:3.0em;
}


#rowHeader h1	{
	color:#fff;
}

#rowHeader p	{
	color:#fff;
}



#row3	{
clear:both;
background-color: #fff;
width:auto;
padding:0;
}


#row4	{
clear:both;
background-color: #fff;
width:auto;
padding:1.4em;
}

#row4-left	{
float:left;
background-color: #fff;
max-width:65ch;
padding:1.0em;
}

#row4-left img	{
border:1px solid #000;	
}

#row4-right	{
float:right;
background-color: #fff;
max-width:20ch;
font-size:1.0em;
border-left:1px dashed #000;
padding-left:2ch;
}

ul.nav 	{
 list-style-type: none;
   margin: 0;
  padding: 0;
  overflow: hidden;
      line-height:1.4;
}

ul.nav li	{
margin-bottom:1.4em;
}

ul.nav a:link	{
text-decoration:none;
color: #626254;
display:block;
background-color:none;
padding:0.3em;
}

ul.nav a:visited	{
text-decoration:none;
color: #626254;
display:block;
background-color:none;
padding:0.3em;
}

ul.nav a:hover	{
text-decoration:none;
color: #626254;
display:block;
background-color:#efefef;
padding:0.3em;
}

ul.nav a:active	{
text-decoration:none;
color: #626254;
display:block;
background-color:none;
padding:0.3em;
}



#rowFooter	{
clear:both;
background-color: #222;
width:auto;
padding:1.4em;
text-align:center;
border-radius: 0 0 0.4em 0.4em;
}


#rowFooter p {
color:#fff;
}

.white {
color:#fff !important;
}



hr {
  padding: 0;
  border: none;
  border-top: thin dashed #651c32;
  color: #651c32;
width:75%;
margin:0.7em auto 1.5em auto;
}




.img-align-right	{
display:block;
float:right;
margin:0 0 1.0em 1.0em;
border:1px solid #000;
padding:0;
}

.img-align-left	{
display:block;
float:left;
margin:0 1.0em 1.0em 0;
border:1px solid #000;
padding:0;
}


.border1	{
border:1px solid #000;	
}