	<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252">
	<TITLE></TITLE>
	<META NAME="GENERATOR" CONTENT="OpenOffice 4.1.0  (Win32)">
	<META NAME="CREATED" CONTENT="20090416;11320264">
	<META NAME="CHANGEDBY" CONTENT="edward conder">
	<META NAME="CHANGED" CONTENT="20140818;19522252">
	<META NAME="Info 1" CONTENT="">
	<META NAME="Info 2" CONTENT="">
	<META NAME="Info 3" CONTENT="">
	<META NAME="Info 4" CONTENT="">
	<STYLE TYPE="text/css">
	<!--
		@page { margin: 2cm }
		P { margin-bottom: 0.21cm; so-language: zxx }
	-->
	</STYLE>

<style> 
div {

    background-color:yellow;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 40s;
animation-iteration-count: infinite;
}



/* Standard syntax */
@keyframes example {
0%   {background-color:         violet;}
10% {background-color:	 blueviolet ;}
20% {background-color:			darkviolet ;}
25% {background color:   blue;}
30% {background-color:			 plum; }
35% {background color:    thistle;}
40% {background-color:			mediumorchid ;}
45% {background color:    thistle;}
50% {background-color:		        orchid  ;}

55%  {background-color:		  thistle ; }
60%  {background-color:			orchid;}
65% {background color:  thistle;}
70%  {background-color:			 darkviolet;}
75% {background color: thistle;}
80% {background-color:			blueviolet  ;}
85% {background color:  thistle;}
90%  {background-color;violet ;}
}
</style>
	<STYLE TYPE="text/css">
	<!--
		@page { margin: 2cm }
		P { margin-bottom: 0.21cm; so-language: zxx }
.circle1 {
 position: absolute;
    top: 60px;
    left: 10%;
  background-color: thistle;
  height: 100px;
  width: 100px;
  border-radius: 100%;
font-size:2vw;
color:gold;
vertical-align:middle;
text-align:center;

}
.circle2 {
 position: absolute;
    top: 60px;
    left: 80%;
  background-color: thistle;
  height: 100px;
  width: 200px;
  border-radius: 100%;
font-size:2vw;
color:gold;
vertical-align:middle;
text-align:center;

}

</style>


<style type="text/css">
 .row { vertical-align: top; height:auto !important; }
 .list {display:none; }
 .show {display: none; }
 .hide:target + .show {display: inline; color:red}
 .hide:target {display: none;color:redd}
 .hide:target ~ .list {display:inline; }
 @media print { .hide, .show { display: none; } }
 </style>
<style>
ul {
    list-style-type: none;
    margin: 2;
    padding: 2;
    overflow: hidden;
    background-color: silver;
    position: fixed;
    top: 0;
    width: 100%;
}
li {    float: left;}
li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    font-size: 2vw;
    text-decoration: none;
}
li a:hover:not(.active) {    background-color: palegreen;}
.active {    background-color: springgreen;}
</style>

<SCRIPT TYPE="text/javascript">
<!--
function popup(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
   href=mylink;
else
   href=mylink.href;
window.open(href, windowname, 'width=600,height=800,left=2,top=80 scrollbars=yes');
return false;
}
//-->

</script>
<script>
function goBack() {
    window.history.back();
}
</script>

<style>
.dropbtn {
    background-color:Yellow;
    color: black;
    padding: 1vw;
    font-size: 1vw;
    border: none;
    cursor: pointer;
    
}

.dropdown {
  position: fixed;
  top: 10vw;
  width: 20%;
  left: 1vw;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: yellow;
    min-width: 10px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    font-size: 1vw;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color:black}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
</style>


<style>



.my-container {
    position: relative;
    overflow: hidden;
}
.my-container h1 {
    padding: 2vw;
    position: relative;
    z-index: 2;
} 
.my-container img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    opacity: 0.6;	
} 
ul {
    list-style-type: none;
    margin: 2;
    padding: 2;
    overflow: hidden;
    background-color: grey;
    position: fixed;
    top: 0;
    width: 100%;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 1vw 1.1vw;
    font-size: 3vw;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: palegreen;
}

.active {
    background-color: springgreen;
}
</style>
<style>
a:link {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}
a:visited {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}
a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}
</style>