@charset "utf-8";
        /* This is the box that shows the large image *//* 75% is for a 4:3 aspect ratio, use 56.25% for 16:9 */
        #slideshow { position: relative;border: none;border-radius: 4px;background-position: center;background-repeat: no-repeat;background-size: cover;background-color: #1e1e1e;top:30px;margin:0 auto;transition: 0.5s;}

        #slideshow img {position: absolute;height: 40px;opacity: 1;}        			/* This is for the left and right scrolling arrows */
        #slideshow img.left {left: 8px;}        										/* Left scrolling arrow */
        #slideshow img.right {right: 8px;}        										/* Right scrolling arrow */
 		#imgno1 img {top: 10%;}
        #imgno1  img {position: absolute;height: 40px;opacity: 1;}        			/* This is for the left and right scrolling arrows */
        #imgno1 img.left {left: 8px;}        										/* Left scrolling arrow */
        #imgno1  img.right {right: 8px;}  
/* Right scrolling arrow */
       #filmstrip { position: relative;height: 62px;width: 100%;top:25px;margin: 0.5em auto;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-end;align-items: center;overflow: hidden;overflow-x: scroll;}       										 			/* Small clickable thumbnail pictures at the bottom */

        #filmstrip img {display: flex;height: 88%;margin-right: 6px;}        			/* Each small thumbnail image */
        .bordered {box-shadow: 0 0 4px 4px purple;}        								/* Highlight for thumbnail image that represents the large picture that's showing */

        @media screen and (min-width: 600px) {
            /*#mC {width: 30%;margin: 0 auto;background:black;height:60px;}     */    
            #slideshow img {top: 85%;}
        }

       /* @media screen and (max-width: 499px) {
            #mC {width: 90%; margin: 0 auto;}        							
            #slideshow img {top: 30%;}
        }*/

#mC nav_yr		{float:left;width:auto;position:absolute;left:200px;height:1px;z-index:60000;top:5px;background:#000;color:#fff;display:none;visibility:visible;font-size:10px;}
#mC nav_yr ul 	{background:grey;padding:0px 0px 0px 0px;list-style:none;}
#mC nav_yr li 	{float:left; padding:2px 20px 20px 2px;border:none;}
#mC nav_yr li a 			{color:cyan;font-size:10px;}
#mC nav_yr #current 		{z-index:701;font-size:10px;}
#mC nav_yr a:hover 		{color:#6F0;z-index:701;font-size:10px;}
#mC nav_yr #current a 	{padding-bottom:0px;color:#6F0;z-index:701;}

.ns10 {font-size:7.5pt;}