/* 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;}
* {box-sizing: border-box;}

/*Side Menu Styles*/
div#menu{width:18%; float:left; font-size:.8em; line-height:200%; text-align:center; overflow:hidden;}
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;}

/*Bottom Menu Styles*/
div#othertoursbottom{width:30%; align:center; font-size:.8em; line-height:200%; text-align:center; overflow:hidden;}
div#othertoursbottom hr {height:2px; width:100px; text-align:center;}
div#othertoursbottom a:link {text-decoration:none;}
div#othertoursbottom a:visited {font-weight:normal; text-decoration:none;}
div#othertoursbottom a:hover {font-weight:normal; color:red; text-decoration:underline;}


/*Background Styles*/

				/*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; overflow:hidden;}
div#menu-bar {background: url(../images/graphics/menubar-bg.gif); overflow:hidden;}


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

/*Initial Hamburger Styles*/
nav {display: none;}
div#othertoursbottom {display: none;}

/*Screen Size Changes*/

@media only screen and (max-width:800px) 
{  /* For tablets: */
div#menu {width: 27%; padding: 0;}
div#descriptive-text {width: 70%;}
div#menu-bar {display: none;}
div#othertours {display: none;}
nav {display: inherit;}
div#othertoursbottom {display: inherit;}

}

@media only screen and (max-width:500px) 
{  /* For mobile phones: */
div#menu, div#descriptive-text {width: 95%;}
div#menu-bar {display: none;}
div#othertours {display: none;}
nav {display: inherit;}
div#othertoursbottom {display: inherit;}
}



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

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

/*Address Footer Styles*/
div#address-footer {clear:both; text-align:center; padding-top:10px;}

/*Other Styles*/
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*/

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

.mySlides {
    display: none;
 
     
}

.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 30px;
    color: #222428;
    font-weight: bold;
    font-size: 50px;
    transition: .6s ease;
    border-radius: 0 3px 3px 0;
}

.next {
    right: 0px;
    border-radius: 63px 63px 63px 63px;
    color: #dc9000;
}

.prev {
    left: 20px;
    border-radius: 63px 63px 63px 63px;
    color: #dc9000;
}

.prev:hover,
.next:hover {
    color: #980034;
    background-color: rgba(0, 0, 0, 0.8);
}

.text {
    color: #f2f2f2;
    font-size: 1.5vw;
    padding-top: 2px;
    padding-bottom: 2px;
    position: absolute;
    bottom: 0px;
    width: 105%;
    text-align: center;
    background-color: #222428;
    opacity: .8;
    display: inline;
    
}

.numbertext {
    display: none;
    color: #000000;
    font-size: 20px;
    padding: 20px 30px;
    position: absolute;
    top: 0
}

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color .6s ease
}

.active,
.dot:hover {
    background-color: #717171
}