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

/* body {background: url(../images/graphics/topo_background.jpg);position:absolute; top:0px; left:0px; right:0px; bottom:0px;} */



div#main-page-portion {background: url(../images/graphics/active_background.jpg);position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
div#main-page-portion h2 {font-style: italic;color: #006a25; }
div#main-page-portion h3 {font-style: italic;color: #800000; text-align: center; letter-spacing: .05em;}
div#main-page-portion h4 {color: black ;}
div#main-page-portion h6 {font-style: italic; color: #800000;}
div#main-page-portion table, td {border-spacing: 0px 50px 50px 50px; }


/*Side Menu Styles*/
div#menu {width:150px; position:absolute; top:200px; left:20px; font-size:.8em; line-height:200%; text-align:center; background-color: white; opacity: .8; border-radius: 16px;  z-index:100; }
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#menu_bar {background-color: black; width:100%; height: 50px; position:absolute; top:0px; left:0px; opacity:0.7; }
div#menu_logo {width:100%; height:50px; position:absolute; top:0px; left:20px; opacity:1; z-index:50; font-style: italic;color: #f2f2f2; text-align: left; font-size: 24px; font-weight: bold; }

/*Navigation Menu*/

{ margin: 0; padding: 0; }

nav {width: 100%; height: 55px; background-color: black; opacity: .7; font-family: Arial; font-weight: bold; color: white; position:absolute; top:50px; left:0px; z-index:100; }
nav p {font-family: arial; color: white; font-size: 20px; line-hight: 40px; float: left; }

nav ul {float: left; }
nav ul li {float: left; list-style: none; width:150px; position: relative; text-align: center; }
nav ul li a {display: block; font-family: arial; color: white; font-size: 14 px; padding: 10px 10px; text-decoration: none; }
nav ul li ul {display: none; position: absolute; background-color: black; opacity: .7; padding: 5px; border-radius: 0px 0px 8px 8px; }
nav ul li ul li a {padding: 8px 10px; }
nav ul li ul li a:hover {background-color: green; }
nav ul li ul li {width: 150px; border-radius: 8px; }
nav ul li:hover ul {display: block; }
nav ul li a:hover {background-color: green; }

/*Descriptive Text Styles*/
div#descriptive_text {line-height:150%; border-top:1px solid black; padding-left:50px; }
div#descriptive_text p  {text-indent:0em;}
div#descriptive_text img {border:1px solid black; margin:20px;}

div#descriptive_text itinerary h4 {padding-left: 15px; }
div#descriptive_text itinerary ul li {padding-left: 5px; list-style-type: none; font-size: 12px; text-style-type: none; text-decoration: none; }

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

div#footer table {background-color: #006825; }
div#footer td {font-family: Arial; font-weight: bold; color: white;}
div#footer a:link {color: white; text-decoration:none; }
div#footer a:visited {color: white;}

/*Not sure what is up with below this line*/



/*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;}


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}
}