html.pageOne{
background-color:#000000;

}
html.index1{
	background-color: none;
	background-image: none;
	padding:0px;
margin:0px;
}
html.records{background-image: none;}

body {
	font-family: helvetica, arial, sans-serif;
	color: red; /*#183432; /* black */
	/*font-size: 87%;*/
}


body.records{
background-color:#000000;
color: white;
font-size: 87%;
}
.containerindex1{
	position: absolute;
    width: 100%;
	height: 100%;
	margin-top: -8px;
	margin-left: -8px;
	
	/* grey024 dgrey042 dgrey047 dgrey056 */
	background-image: url(../web-page-backgrounds/dgrey042.jpg);

}

.rl{
	font-size: 10px;
	/*font-style: italic;*/
}

/*html.pageOne{
background-color:#000000;*/
}

.containerPageOneXX {
 background-image: url(../web-page-backgrounds/tree6bw.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.bgimg { 
position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
   width: 100%;
   top: 0;
   left: 0;
}



h1.set1{
	padding: 5px;
	margin: 0;
	color: #183432; /* very dark - blue-green */
	text-align: center;
	text-shadow: 4px 5px 6px rgba(0,0,0, .3);
	font-size:32px;
/*	border: 1px solid red;*/
/*color: #616161;*/
/*background-color: #bababa;*/
text-shadow: #e0e0e0 1px 1px 0;
/*margin-top: 100px;*/
/*margin-bottom: 300px;*/

/*border: 1px solid red;*/
}
a.firstlink:link, a.firstlink:visited{
text-decoration: none;
color: #183432;
	-webkit-transition: 500ms linear 0s;
	-moz-transition: 500ms linear 0s;
	-o-transition: 500ms linear 0s;
	transition: 500ms linear 0s;
/*	-webkit-transition-delay: 5s; /* Safari */*/
/*    transition-delay: 5s;*/
}
a.firstlink:hover, a.firstlink:active{
color: blue;  /*#183432;*/
text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
/*border: 1px solid rgba(0,0,0,0.95);*/

}
.mainlinkbox{
width: 200px;
margin-top: 50px;
margin-bottom: 50px;
padding: 5px;
text-align: center;

/*background: rgba(168,190,207,0.85);/*0,0,0,0.3);*/*/

background       : rgba(192,192,192);
background-image :    -moz-linear-gradient(rgba(224,224,224,0.7),rgba(160,160,160,0.7));
background-image :     -ms-linear-gradient(rgba(224,224,224,0.7),rgba(160,160,160,0.7));
background-image :      -o-linear-gradient(rgba(224,224,224,0.7),rgba(160,160,160,0.7));
background-image : -webkit-linear-gradient(rgba(224,224,224,0.7),rgba(160,160,160,0.7));
background-image :         linear-gradient(rgba(224,224,224,0.7),rgba(160,160,160,0.7));
  
border: 1px solid rgba(0,0,0,0.55);
/*border: 7px solid rgba(88,88,88,0.7);*/
/*border-top: 7px groove rgba(88,88,88,0.7);*/
/*border-left: 7px groove rgba(88,88,88,0.7);*/
/*border-bottom: 7px groove rgba(144,144,144,0.7);*/
/*border-right: 7px groove rgba(144,144,144,0.7);*/
font-size: 28px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
border-top-left-radius: 50px 45px;
border-top-right-radius: 50px 45px;
border-bottom-right-radius: 50px 45px;
border-bottom-left-radius: 50px 45px;
	box-shadow:10px 10px 9px rgb(0, 0, 0);
	-moz-box-shadow:10px 10px 9px rgb(0, 0, 0);
	-webkit-box-shadow:10px 10px 9px rgb(0, 0, 0);
	
		-webkit-transition: 500ms linear 0s;
	-moz-transition: 500ms linear 0s;
	-o-transition: 500ms linear 0s;
	transition: 500ms linear 0s;
	
}


.mainlinkbox:hover{
	
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(255, 174, 0, 0.8);
-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(255, 174, 0, 0.8);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(255, 174, 0, 0.8);
}






.link1X{
	/*margin-left:30%;*/
	margin-top: 50px;
}
.link2X{
	margin-left: 50%; /*auto; /*500px;*/
}
.link3{
	margin-left:275px;
}

.intro{
position: absolute;
top: 25%;  /* position the top  edge of the element at the middle of the parent */
left: 50%; /* position the left edge of the element at the middle of the parent */
transform: translate(-50%, -50%); /* This is a shorthand of
                                         translateX(-50%) and translateY(-50%) */
/*margin-top: -215px;
margin-bottom: 50px;*/
padding: 15px;
text-align: center;
/* max-width: 680px; margin-left: auto; margin-right: auto; */
box-sizing: border-box;
font-size: 16px;
color: #183432; /*black; /*#183432; /*white;*/
    /*border: 1px solid red;*/
	background       : rgba(192,192,192);
background-image :    -moz-linear-gradient(rgba(224,224,224,0.8),rgba(160,160,160,0.8));
background-image :     -ms-linear-gradient(rgba(224,224,224,0.8),rgba(160,160,160,0.8));
background-image :      -o-linear-gradient(rgba(224,224,224,0.8),rgba(160,160,160,0.8));
background-image : -webkit-linear-gradient(rgba(224,224,224,0.8),rgba(160,160,160,0.8));
background-image :         linear-gradient(rgba(224,224,224,0.8),rgba(160,160,160,0.8));
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
  
/*border: 1px solid rgba(0,0,0,0.55);*/
}

.pageOneLinks{
position: absolute;
top: 50%;  /* position the top  edge of the element at the middle of the parent */
left: 50%; /* position the left edge of the element at the middle of the parent */
transform: translate(-50%, -50%); /* This is a shorthand of
                                         translateX(-50%) and translateY(-50%) */
margin-top: 50px;
/*margin-bottom: 15px;*/
}




/*====================================================================*/
.fadeIn {
        opacity:0;
        -webkit-animation:fadeIn ease-in 1;
        -moz-animation:fadeIn ease-in 1;
        -o-animation:fadeIn ease-in 1;
        animation:fadeIn ease-in 1;
        -webkit-animation-fill-mode:forwards;
        -moz-animation-fill-mode:forwards;
        -o-animation-fill-mode:forwards;
        animation-fill-mode:forwards;
}
/* Animation Times - Time for image to fade in
---------------------------------------------------- */
.fadeIn-1s {
-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;
}
.fadeIn-1p5s {
-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;
}
.fadeIn-2s {
-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;
}
.fadeIn-2p5s {
-webkit-animation-duration:2.5s;-moz-animation-duration:2.5s;-o-animation-duration:2.5s;animation-duration:2.5s;
}
.fadeIn-3s {
-webkit-animation-duration:3s;-moz-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;
}
.fadeIn-4s {
-webkit-animation-duration:4s;-moz-animation-duration:4s;-o-animation-duration:4s;animation-duration:4s;
}
.fadeIn-5s {
-webkit-animation-duration:5s;-moz-animation-duration:5s;-o-animation-duration:5s;animation-duration:5s;
}

.fadeIn-Delay-1s {
-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;
}
.fadeIn-Delay-1p5s {
-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s;
}
.fadeIn-Delay-2s {
-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s;
}
.fadeIn-Delay-2p5s {
-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s;
}
.fadeIn-Delay-3s {
-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s;
}
.fadeIn-Delay-4s {
-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s;
}
.fadeIn-Delay-5s {
-webkit-animation-delay:5s;-moz-animation-delay:5s;-o-animation-delay:5s;animation-delay:5s;
}

/* Animation Delay - Time for image to be delayed
---------------------------------------------------- */
.fadeIn-Delay-a {
-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s;-o-animation-delay:1.1s;animation-delay:1.1s;
}
.fadeIn-Delay-b {
-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s;
}
.fadeIn-Delay-c {
-webkit-animation-delay:1.3s;-moz-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s;
}
.fadeIn-Delay-d {
-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;-o-animation-delay:1.4s;animation-delay:1.4s;
}
.fadeIn-Delay-e {
-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s;
}
.fadeIn-Delay-f {
-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s;
}
.fadeIn-Delay-g {
-webkit-animation-delay:1.7s;-moz-animation-delay:1.7s;-o-animation-delay:1.7s;animation-delay:1.7s;
}
.fadeIn-Delay-h {
-webkit-animation-delay:1.8s;-moz-animation-delay:1.8s;-o-animation-delay:1.8s;animation-delay:1.8s;
}
.fadeIn-Delay-i {
-webkit-animation-delay:1.9s;-moz-animation-delay:1.9s;-o-animation-delay:1.9s;animation-delay:1.9s;
}
.fadeIn-Delay-j {
-webkit-animation-delay:2.0s;-moz-animation-delay:2.0s;-o-animation-delay:2.0s;animation-delay:2.0s;
}
.fadeIn-Delay-k {
-webkit-animation-delay:2.1s;-moz-animation-delay:2.1s;-o-animation-delay:2.1s;animation-delay:2.1s;
}
.fadeIn-Delay-l {
-webkit-animation-delay:2.2s;-moz-animation-delay:2.2s;-o-animation-delay:2.2s;animation-delay:2.2s;
}
.fadeIn-Delay-m{
-webkit-animation-delay:2.3s;-moz-animation-delay:2.3s;-o-animation-delay:2.3s;animation-delay:2.3s;
}
.fadeIn-Delay-n {
-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s;
}
.fadeIn-Delay-o {
-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s;
}
.fadeIn-Delay-p {
-webkit-animation-delay:2.6s;-moz-animation-delay:2.6s;-o-animation-delay:2.6s;animation-delay:2.6s;
}
.fadeIn-Delay-q{
-webkit-animation-delay:2.7s;-moz-animation-delay:2.7s;-o-animation-delay:2.7s;animation-delay:2.7s;
}
.fadeIn-Delay-r {
-webkit-animation-delay:2.8s;-moz-animation-delay:2.8s;-o-animation-delay:2.8s;animation-delay:2.8s;
}
.fadeIn-Delay-s {
-webkit-animation-delay:2.9s;-moz-animation-delay:2.9s;-o-animation-delay:2.9s;animation-delay:2.9s;
}
.fadeIn-Delay-t {
-webkit-animation-delay:3.0s;-moz-animation-delay:3.0s;-o-animation-delay:3.0s;animation-delay:3.0s;
}
.fadeIn-Delay-u {
-webkit-animation-delay:3.1s;-moz-animation-delay:3.1s;-o-animation-delay:3.1s;animation-delay:3.1s;
}
.fadeIn-Delay-v {
-webkit-animation-delay:3.2s;-moz-animation-delay:3.2s;-o-animation-delay:3.2s;animation-delay:3.2s;
}
.fadeIn-Delay-w {
-webkit-animation-delay:3.3s;-moz-animation-delay:3.3s;-o-animation-delay:3.3s;animation-delay:3.3s;
}
.fadeIn-Delay-x {
-webkit-animation-delay:3.4s;-moz-animation-delay:3.4s;-o-animation-delay:3.4s;animation-delay:3.4s;
}


/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

/*==========================================================================*/