.preloaded-images {
	position:absolute;
	overflow:hidden;
	left:-9999px;
	top:-9999px;
	height:1px;
	width:1px;}
html {
	height:100%;
	margin:0;
	font-size:16px;}
body {
	margin:0;
	background-image:url("Images/bg_index_3");
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family:times, serif;
	height:100%;
	font-size:16px;
	color:#000066;}
.bg_indexp {
	background-color:#0000cc;
	width:100%;
	background-image:url("Images/bg_index_p3.jpg");
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;}
.bg_index {
	width:100%;
	background-image:url("Images/bg_index_3.jpg");
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;}
.bg_reunion {
	width:100%;
	background-image:url("Images/bg_reunion_3.jpg");
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;}
.header {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	overflow:hidden;
	overflow-y:visible;
	background-color:#f9f1de;
	border-bottom:solid 5px #000066;
	z-index:+1;
	padding:0;}
.headertitle {
	margin:0 auto;
	padding-top:1%;
	text-align:center;}
.title {
	margin:180px 0 0 0;
	padding:1%;
	text-align:center;
	background-color:#f9f1de;
	overflow:hidden;
	overflow-y:visible;
	border-top:solid 5px #000066;
	border-bottom:solid 2px #000066;}
.textbox {
	margin:3% 0;
	padding:1%;
	overflow:hidden;
	overflow-y:visible;
	background-color:#f9f1de;
	border-top:solid 5px #000066;
	border-bottom:solid 2px #000066;}
.footer {
	left:0;
	bottom:0;
	width:100%;
    margin-top:10%;
	padding:1%;
	overflow:hidden;
	overflow-y:visible;
	background-color:#f9f1de;
	border-top:solid 5px #000066;}
.sidenav {
	height:100%;
	width:0;
	position:fixed;
	z-index:1;
	top:0;
	right:0;
	background-color:#f6e7c2;
	overflow-x:hidden;
	transition:0.5s;
	padding-top:10px;
	z-index:+2;}
.sidenav .closebtn {
	position:absolute;
	top:0;
	right:25px;
	font-size:16px;
	margin-left:50px;}
.sidenav li {
	list-style-type:none;}
h1 {
	margin:0;
	border:0;
	padding:0;
	text-align:center;
	font-family:times, serif;
	font-weight:bold;
	font-style:italic;
	font-size:34px;}
h2 {
	margin:10px 0;
	border:0;
	padding:0;
	text-align:center;
	font-family:times, serif;
	font-weight:bold;
	font-style:italic;
	font-size:28px;}
h3 {
	margin:0;
	border:0;
	padding:0;
	text-align:left;
	font-family:times, serif;
	font-weight:bold;
	font-size:24px;}
h3.center {
	text-align:center;}
h4 {
	margin:0;
	border:0;
	padding:0;
	text-align:left;
	font-family:times, serif;
	font-weight:bold;
	font-size:20px;}
p {
	margin:0.5% 0;
	border:0;
	padding:0;
	font-family:times, serif;
	text-align:left;
	font-size:16px;
	background-color:transparent;}
p.center {
	text-align:center;}
p.small {
	margin:0;
	border:0;
	padding:0;
	font-size:12px;}
p.notice {
	margin:0;
	border:0;
	padding:0;
	font-size:12px;}
p.narrative {
	margin:10% 3%;
	border:solid 3px #000000;
	padding:1%;
	font-size:14px;}
p.caption {
	margin-left:30%;}
p.survey {
	margin:0.5% 28%;}
a:link {
	text-decoration:none;
	font-family:times,serif;
	font-size:16px;
	font-weight:bold;}
a:link {
	color:#0000ff;}
a:visited {
	color:#0000ff;}
a:hover {
	color:#ff0000;}
a:active {
	color:#0000ff;}
.header a {
	text-align:center;
	padding:0 1%;
	font-family:times,serif;
	text-decoration:none;
	font-variant:small-caps;
	font-size:16px;}
.header a:link {
	color:#0000ff;}
.header a:visited {
	color:#0000ff;}
.header a:hover {
	color:#ff0000;}
.header a:active {
	color:#0000ff;}
.headertitle a {
	text-align:center;
	padding:0 1%;
	font-family:times,serif;
	text-decoration:none;
	font-variant:small-caps;
	font-size:16px;}
.subheader a {
	text-align:center;
	padding:0 1%;
	font-family:times,serif;
	text-decoration:none;
	font-variant:small-caps;
	font-size:16px;}
.subheader a:link {
	color:#0000ff;}
.subheader a:visited {
	color:#0000ff;}
.subheader a:hover {
	color:#ff0000;}
.subheader a:active {
	color:#0000ff;}
.footer a {
	text-align:center;
	font-family:times,serif;
	text-decoration:none;
	font-size:16px;}
.footer a:link {
	color:#0000ff;}
.footer a:visited {
	color:#0000ff;}
.footer a:hover {
	color:#ff0000;}
.footer a:active {
	color:#0000ff;}
.sidenav li a {
	padding:1px;
	text-decoration:none;
	font-size:16px;
	font-family:times,serif;
	color:#0000ff;
	display:block;
	transition:0.3s}
.sidenav a:hover, .offcanvas a:focus{
	color:#cc0000;}
ul {
	margin:0 2%;
	border:0;
	padding:0;
	font-family:times, serif;
	text-align:left;
	font-size:16px;}
ul.notice {
	margin:0 2%;
	border:0;
	padding:0;
	font-family:times, serif;
	text-align:left;
	font-size:16px;}
img {
	margin:0;
	border:0;
	padding:0;}
img.lnk {
	margin:0;
	border:0;
	padding:0;
	text-decoration:none;}
.narrative {
	width:30%;
    margin:0;
	padding:0 1% 0 0;
	font-size:18px;
	border-right:solid 2px #0066cc;
    position:relative;
    float:left;}
.narrative ul {
    margin:0 0 0 5%;
	padding:0;
	font-size:18px;}
.narrative ul li ul {
    margin:0 0 0 3%;
	padding:0;
	font-size:17px;}
.fotoblk1 {
	width:45%;
    margin:0;
	padding:0 1%;
    position:relative;
    float:left;}
.fotoblk2 {
	width:20%;
    margin:0;
	padding:0;
    position:relative;
    float:left;}
.foto1al {
	width:100%;
    max-width:800px;
	margin:0;
	padding:0;
    border:groove 5px #003366;}
.foto1ap {
	width:75%;
    max-width:600px;
	margin:0;
	padding:0;
    border:groove 5px #003366;}
.foto2b {
	width:26%;
    max-width:100px;
	margin:0;
	padding:0;
    border:groove 1px #000000;}
.captionfoto {
    max-width:350px;
	margin:0;
	padding:0;
    border:groove 5px #003366;}
table {
	border-collapse:collapse;}