@charset "UTF-8";

html {width: 100%; height: 100%; margin: 0; padding: 0; position: relative;}
body {background-color: #000; color: #fff; font-size: 1.0em; font-family: Palatino, serif; width: 100%; height: 100%; margin: 0; padding: 0; position: relative;}
a:link {color:#fff; border-style: none; outline: none; cursor: url(images/cursorPointerGRN.png), auto;} /*white*/
a:visited {color:#ccc; border-style: none; outline: none; cursor: url(images/cursorPointerGRN.png), auto;} /*gray*/
a:hover {color:#0f0; border-style: none; outline: none; cursor: url(images/cursorPointerGRN.png), auto;} /*green*/
a:active {color:#0f0; border-style: none; outline: none; cursor: url(images/cursorPointerGRN.png), auto;} /*green*/
a.blacklink {color: #000; border-style: none; outline: none; cursor: auto;} /*black*/
a.blacklink:hover {color: #00f; border-style: none; outline: none; cursor: auto;} /*blue*/
/* a.cur {cursor: url(images/cursorGRN.png), auto;} */
/* a.cur {cursor: pointer;} */
b.rd {font-size: 1em; font-family: Palatino, serif; color: #f00;} /*16px BOLD RED TEXT*/
b.hh {font-size: 1.5em; font-family: Palatino, serif; color: #f00;}


div.totalpage {
	background-color: #000; /* black background */
	position: absolute;
	height: 100%;
	width: 100%;
}

div.upperWrapper {
	border: none;
	position: relative;
	background-color: #000; /* black background */
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	width: 100%;
	height: 86%; /* Windows needs 86%; OS-X needs 90% */
	}

div.buttons {
	z-index: 1;
	border: none;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center; 
	display: inline-block;
	position: absolute;
	width: 100%;
	left: 0px;
	right: 0px;
	}

div.navigation {
	border: none;
	z-index: 1;
	position: absolute;
	background-color: #000;  /* black background */
	bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 10%;
	min-height: 115px;
	cursor: url(images/cursorPointerWHT.png), auto;
	} /*Big White Glove*/
	

div.detail {
	font-size: 0.9em;
	}
@media only screen 
and (max-width: 1365px) {
div.detail {
	font-size: 0.8em;
		}
}

div.addr {
	font-size: 0.9em; 
	font-family: "Comic Sans MS", sans-serif; 
	color: #000; 
	line-height:95%;
	}

div.left {
	font-size: 18px; 
	float: left; 
	padding: 10px; 
	text-align: left;
	}
	
div.right {
	font-size: 18px; 
	float: right; 
	padding: 10px; 
	text-align: right;
	}
	
div.middle {
	border: none;
	text-align: center; 
	font-size: 0.9em;
	}
@media only screen 
and (max-width: 1365px) {
div.middle {
	border: none;
	text-align: center; 
	font-size: 0.8em;
	}
}

/* Fade in the 2019WM image */
#pop {
	z-index: 1;
	display: block;
	border: none;
	position: absolute;
	top: 25px;
	right: 25px;
	animation: fadein 4s ease-in 0s
	}
	@keyframes fadein{
	from {opacity: 0} to {opacity: 1}
	}

	
div.road {
	border: none;
	text-align: center; 
	font-size: 1.1em;
	}

div.center {
	max-width: 60%; 
	margin-top: 0px;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center; 
	display: block;
	}
	
div.tablet {
	text-align: center; 
	font-family: Palatino, serif; 
	font-size: 1.2em; 
	color: #fff;
	}

div.copyr {
	text-align: center; 
	font-family: Palatino, serif; 
	font-size: 0.6em; 
	color: #fff;
	}

div.news {
	text-align: center; 
	font-family: Palatino, serif; 
	font-size: 0.8em; 
	font-weight: bold;
	color: #000;
	}

div.warning {
	cursor: auto;
	text-align: center; 
	font-family: Palatino, serif; 
	font-size: 0.8em; 
	font-weight: bold;
	color: #f00;
	}

div.innerinfo {
	border: none;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	cursor: auto;
	}
	
div.centerthetext {
	border: none;
	cursor: auto;
	font-family: "Times New Roman", Times, serif;
	color: #000;
	position: absolute;
	width: 82%;
	margin-left: 9%;
	margin-right: 9%;
	top: 25px;
	font-size: 20px;
	font-weight: bold;
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	}

div.bkgd {
	z-index: 0;
	border: none;
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	background-color: #fff;  /* white background */
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	}


iframe.home {
	z-index: 1;
	border: none;
	display: block;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	width: 100%;
	height: 100%;
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	}

iframe.center {
	z-index: 1;
	border: none;
	display: block;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	width: 100%;
	height: 100%;
	opacity: 0.3; /* 30% opacity to start */
	filter: alpha(opacity=30); /* For IE8 and earlier */
	}
	
iframe.AIcenter {
	z-index: 1;
	border: none;
	display: block;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	width: 100%;
	height: 100%;
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	}
	
#video {
	border: none;
	display: block;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	}
	
img.kotrbanner {
	display: block;
	position: relative;
	margin-left: auto; 
	margin-right: auto; 
	max-width: 75%; 
	height: auto;
}
	
img.centered {
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	max-width: 13%;   /* Keep logos narrow */
	height: auto;
}
img.left {display: inline-block; text-align: left;}
img.right {display: inline-block; text-align: right;}
img.bottomalign {vertical-align: text-bottom;}

p.quotes {text-align: left; font-size: 1.2em; font-family: Palatino, serif;} /*QUOTES*/
p.choices {text-align: center; font-size: 1.1em; font-family: Palatino, serif;} /*PAGE CHOICE*/
p.disclaimer {text-align: left; font-size: 0.6em; font-family: Palatino, serif;} /*DISCLAIMER*/
p.serif {font-size: 1.0em; font-family: Palatino, serif;} /*INSTRUCTIONS*/
p.sansserif {font-family: Helvetica, sans-serif;}
p {text-align: left; font-size: 1em; font-family: Palatino, serif;} /*16px NORMAL TEXT*/
p.centered {text-align: center;}
p.credits {text-align: center; line-height: 100%; font-size: 0.8em; font-family: Palatino, serif; color: #000;}
p.kotrpinsLARGEwhite {text-align: center; color:#fff; font-size: 2.2em; font-family: Palatino, serif;} /*KOTR-PINS REDIRECT*/
p.kotrpinsSMALLyellow {text-align: center; color:#ff6; font-size: 1.4em; font-family: Palatino, serif;} /*KOTR-PINS REDIRECT*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 60%;
  height: auto;
  padding: 0;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 10px 10px 6px grey;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  }
.rslides img {
  display: block;
  height: auto;
  width: 100%;
  border-radius: 10px;
  border: none;
  }

.rslides:hover {
box-shadow: 10px 10px 6px #993333;
}
	
img.error {
	border-style: none;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	}
	
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 3px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 500px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 130%;
  left: 50%;
  margin-left: -250px;
  opacity: 0;
  transition: opacity 3s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  transition: opacity 3s;
}

 
 
 
/* #nav a {margin: 0 2px; padding: 2px 2px; border: 0px; background-color: #ccc;} */
/* #nav a.activeSlide {background-color: #ccc;} */
/* #nav a:focus {outline: none;} */