/* AUTHOR: YELLOWSTONE EXPEDITIONS */
/* STYLE SHEET: SCREEN */

body {background: url(../images/graphics/active_background.jpg);}
h2 {font-style: italic;color: #800000; text-align: center;}
h3 {font-style: italic;color: #800000; text-align: center; letter-spacing: .05em;}
h4 {font-style: italic; color: #800000;}
h6 {font-style: italic; color: #800000;}


/*Side Menu Styles*/
div#menu{width:150px; position:absolute; top:250px; left:20px; font-size:.8em; line-height:200%; text-align:center;}
div#menu hr {height:2px; width:50px; text-align:center;}
div#menu a:link {text-decoration:none;}
div#menu a:visited {font-weight:normal; text-decoration:none;}
div#menu a:hover {font-weight:normal; color:red; text-decoration:underline;}

div#main-page-portion {background: url(../images/graphics/active_background.jpg);position:absolute; top:20px; left:30px; right:30px; bottom:20px;}

div#logo-header {background: url(../images/graphics/title-background.jpg);border-left: 2px solid black; border-top: 2px solid black; border-right: 2px solid black}

div#menu-bar {background: url(../images/graphics/menubar-bg.gif);}

/*Descriptive Text Styles*/
div#descriptive-text {line-height:150%; margin-left:150px; border-left:1px solid black; padding-left:15px; margin-right:10px;}
div#descriptive-text p  {text-indent:1em;}
div#descriptive-text img {border:1px solid black; margin:20px;}
div#descriptive-text a:hover {font-weight:normal; color:red; text-decoration:underline;}

/*No Border Text Styles*/
div#no_border {line-height:150%; margin-left:150px; border-left:1px solid black; padding-left:15px; margin-right:10px;}
div#no_border p  {text-indent:1em;}
div#no_border img {border:none;}

/*Covid Styles*/
div#covid{margin-left:10px; width:150px;}
div#covid table {background-color:#ff9966; border: 1px solid black}
div#covid td {font-style: italic; font-size:12px; color: #5c3e3e; text-align: center; font-weight:bold; text-decoration:none; padding:5px;}

/*Slide_Show Styles*/
div#slide_show {border-left:1px solid black; padding-left:15px; margin-right:10px; text-align:center;}
div#slide_show img {max-width: 90%; height: auto; border:1px solid black;}

div#address-footer {clear:both; text-align:center; padding-top:15px}

div#indent_section {padding-left:25px; font-style: italic;}

div#nojavamenu {font-weight:bold; text-align:center;}

div#site_map {position:relative; left:200px;}
div#site_map .ItemStyle {font-family: "Arial"; font-size: 14px;	vertical-align: middle;	background-repeat: no-repeat; list-style-type: none; list-style-image: url(../images/graphics/usm.gif); color: #003399;}
div#site_map .PopItemStyle {font-size: 14px;	vertical-align: middle;	background-repeat: no-repeat; list-style-type: none; list-style-image: url(../images/graphics/dsmh.gif); color: #003399; font-family: "Arial";} 
div#site_map A:link {color: #003399; text-decoration: underline;}
div#site_map A:visited { color: #002B84; text-decoration: underline;}
div#site_map A:hover {font-weight:bold; color: #CC0000; text-decoration: underline;}

div#no_border img {border:none;}

.clearall {clear:both;}
.clearright {clear:right;}
.clearleft {clear:left;}
.center {text-align:center;}
span.guide_name {font-style:italic; font-weight:bold;}
span.codedirection {unicode-bidi:bidi-override; direction:rtl;}

/*START SLIDESHOW*/

* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 25px;
  width: 100%;
  text-align: center;
  display: none;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 30px 42px;
  position: absolute;
  top: 20;
  display: none;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2.5s;
  animation-name: fade;
  animation-duration: 2.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}