﻿body {
            

            /*
                background: url('/images/mars/PIA25883-cropped-border.jpg');
                transition: background-image 2s ease-in-out;
                transition: background 1s;

                background: url('/images/mars/PIA25830-20pct.jpg');

                background: url('/images/mars/PIA25889-DeepZoom-left-70pct.jpg');
                background: url('/images/mars/PIA25883-cropped-border.jpg');

                background: url('/images/mars/PIA25889-DeepZoom-right-70pct.jpg');
            */
            

            

            
            
            

            /* background-image: url('/images/mars/PIA25889-DeepZoom-middle-75pct.jpg'); */
            
            
            
        }

        h1 {
            color: #f0f0f0;
        }

        h2 {
            color: #f0f0f0;
        }

        h3 {
            color: #f0f0f0;
        }

        

        

        div.image-credit {

            line-height: 1.5;

            font-size: 0.95em;
            font-size: 12pt;
            
            
        }

        div.image-credit small {

            line-height: 1.5;

            font-size: 0.95em;
            font-size: 10pt;
            
        }

        p {
            color: white;
            font-size: 0.9em;
        }

        /*
        ul li a, div.central-nav a, p a {
            color: hsl(202, 100%, 50%);
            color: #f0f0f0;
        }
        
        ul li a:hover, div.central-nav a:hover, p a:hover {
            color: hsl(182, 100%, 80%);
            
        }
        */


        p.disclaimer {
            text-transform: uppercase;
            font-size: 0.9em;
            line-height: 1.5;
        }








        div.innerContainer {
            min-height: 900px
        }

        div.main-page-content {
            position: absolute;
            left: 20px;
            top: 150px;
        }

        ul li {
            font-size: 1.1em;
            line-height: 1.5em;
            margin:0.5em 0em;
        }

        div.central-nav {
            line-height: 1.5;
        }


        div.lower-data {

            display: inline-block;
            float: left;

            color: #f0f0f0;

            position: absolute;
            left: 10px;
            top: 550px;

            /*
            border: 1px solid black;
            width: 20em;
            height: 5em;
            */
            /*
            
                */
            margin-top: 2em;
            
        }

        /* mobile */

        div.innerContainer {

            min-height: 450px
        }

        div.main-page-content {            
            left: 10px;
            top: 250px;
        }


        h1 {
            font-size: 2.8em;
            margin-top: 0;
            margin: 0.5em 0em;
            margin-top: 0em;
        }

        h2 {
            font-size: 1.5em; 
            margin: 0.5em 0em;
            margin-bottom: 0.8em;
        }

        h3 {
            font-size: 1.4em;
            margin: 0.5em 0em;
        }

        div.central-nav {
            
        }


        /* /mobile */
        @media only screen and (min-width: 500px)
        {

            div.innerContainer {
                min-height: 900px
            }
            div.main-page-content {            
                left: 20px;
                top: 150px;
            }

            div.central-nav {
                max-width: 550px;
            }

            h1 {
                font-size: 3em;

                margin: 1.53em 0em;
                margin-top: 0em;
            }

            h2 {
                font-size: 1.5em;
                margin: 1em 0em;
            }

            h3 {
                font-size: 1.4em;
                margin: 1em 0em;
                
            }


        }


        div.time-holder {
            margin-top: 0.4em;
            font-size: 2em;
        }

        div.disclaimer {
            /*
            position: absolute;
            bottom: 0px;
            left: 0px;
            max-width: 500px;
                display: none;
            */
            
            font-size: 1em;
            color: #f0f0f0;
            
        }


        div.info-text {
            margin-top: 8em;
            line-height: 1.7;
            font-size: 1.2em;
            color: #f0f0f0;
        }
        div.info-text strong {
            color: #f0f0f0;
            font-weight:normal;
        }

        div.info-text h2 {
            margin: 0.1em 0em;
            line-height: 1.7;
            font-size: 1.1em;
            color: #f0f0f0;
        }

        div.info-text h3 {
            margin: 0.1em 0em;
            line-height: 1.7;
            font-size: 1.1em;
            color: #f0f0f0;
        }


        table.surface-locations {
            margin-bottom: 2em;
        }

        table.surface-locations td, table.surface-locations th {
            color: #f0f0f0;
            padding: 0.2em 0.5em;
        }
        table.surface-locations th {
            line-height: 1.7;
            vertical-align: top;
        }




    div.background-refresh-interval {
        font-size: 10pt;
    }


    div.previous-next-links a {
        font-size: 12pt;
    }