body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #222;
    background-color: #fff;
}

html {  max-width: 1064px;  margin: 0 auto;  background: #c0c0c0; 
  }
.video-wrapper { position: relative; margin:10%; padding-left: 10%; padding-top:30px; height: 0; overflow: hidden; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.pagebackground {max-width: 1024px; margin: 0; background-color:white; color:black; padding:20px; }

	h1, h2, h3, h4, h5, h6, .site-title {
	    font-family: 'Open Sans', sans-serif;
	    text-rendering: optimizelegibility;
		font-weight: bold;
		margin: 12px 0;
	}
	h1 {
        font-size: X-large;
	    line-height: 2em;
}
	h2 {
	display: block;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-size: large;
    line-height: 1.5em;
}
	
	p {font-family: 'Open Sans', sans-serif;
	   text-rendering: optimizelegibility;
		}
	
	body.site {
	    
		border-top: 3px solid #24258a;
		background-color: #fff;
	}
div.container {
  margin: 0;
  padding: 20px 35px 20px 35px;
 }
 div.content {
  margin: 0;
  padding: 0px;
 }


a.link, a.visited {
color: #24258a;
background-color: transparent;
text-decoration: none;
}
a.hover, a.active {
  background-color: #eee;
}


div.container-nav {
	color: green;
    font-size: 1.1em;
}


a.nav-link {
	margin:0;
	color:#24258a;
	padding:0.5em 0 0.25em 0;
	text-decoration: none;
    border-bottom: 2px solid #ffffff;
	transition: border-bottom .2s ease;
}

a.nav-link:focus,.nav-link:hover{
	margin:0;
	color: #24258a;
	padding:0.5em 0 0.25em 0;
	text-decoration: none;
	border-bottom: 2px solid #24258a;
	
}


a.table:link,  a.table:visited {
  color: #222;
  background-color: transparent;
  text-decoration: none;

} 


a.table:hover, a.table:active {
  color: blue;
  text-decoration: none;

}

.tight {
margin: 0;
padding: 0;
}

.boxed { 
    border: 2px solid green ;
    padding: 5px 10px 10px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
.example { 
    background-color: #fff1dd;
    padding: 5px 10px 10px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  p.box { width: 15em; padding: 1em; margin: 0.5em; border: solid green; float:left }

.border { border: 1px solid black }

hr {margin: 0.5em 0; border-top: 1px solid #bbb; border-bottom: 1px solid #fff; }


img {
	max-width: 100%;
	height: auto;
	border: 0;
}

form, fieldset {
	margin: 0;
	padding: 0;
}

label {
	display: block;
	margin: 0;
}

input[type="text"], input[type="password"] {
	box-sizing: border-box;
	width: 100%;
	height: auto;
}

input {
	margin: .5em 0 0.5em 0;
}

.rTable {
   display: table;
   width: 100%;
}
.rTableRow {
   display: table-row;
}
.rTableHeading {
   display: table-header-group;
   background-color: #ddd;
}
.rTableCell, .rTableHead {
   display: table-cell;
   padding: 3px 10px;
   border: 1px solid #999999;
}
.rTableHeading {
   display: table-header-group;
   background-color: #ddd;
   font-weight: bold;
}
.rTableFoot {
   display: table-footer-group;
   font-weight: bold;
   background-color: #ddd;
}
.rTableBody {
   display: table-row-group;
}