﻿
    /*
     *  Main Content
     */
    #Main 
    {
        background-color: rgb(0, 72, 51);
        color: White;
        font-size: 105%;
        padding-bottom: 30px;
    }
    #Main h2,
    #Main h3,
    #Main a 
    {
        color: white;
    }
    
    /*
     *  Side Content
     */
    #Side h3
    {
        color: rgb(0, 56, 104);
        font-size: 13pt;  
        /*xmargin: 0px;*/      
    }
    #Side p 
    {
        margin: 0px;
    }
    #Side div.PhotoMargin 
    {
        float: left;
        width: 1px;
        height: 1.5em;
    }
    #Side div.Photo 
    {
        float: left;
        clear: left;
        width: 64px;
        height: 56px;
        margin: 8px;
        margin-top: 5px;
        margin-left: 0px;
        /*xmargin: 0px;*/
        
        /*xborder-left: 2px solid black;*/
    }
    #Side div.Photo img
    {
        /*xdisplay: none;*/
        /*xbackground-color: Black;*/
        /*xmargin-bottom: 0px;*/
    }
    
    
    #Selections 
    {
        height: 350px;
        width: 100%;
        position: relative;
        background-color: White;
    }
    
    #Background,
    #BackgroundReplacement 
    {
        height: 100%;
        width: 100%;
        background-image: url(../Images/SpotClip.jpg);
        background-repeat: no-repeat;
        background-position: center top;
    }
    
    #StateSelection 
    {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 80px;
        background-image: url(../Images/GreenOrangeOverlay.png);
        background-position: 0% 100%;
    }
    #StatesMap 
    {
        position: absolute;
        left: 62px;
        top: 8px;
    }
    #StateSelection ul 
    {
        /*xdisplay: none;*/
        /*xwidth: 200px;*/
        /*xbackground-image: url(../Images/StatesMap.png);*/
        /*xbackground-repeat: no-repeat;*/
        /*xbackground-position: 0% 100%;*/
        /*xheight: 77px;*/
        position: absolute;
        left: 62px;
        top: 0px;
    }
    #StateSelection ul li
    {
        position: absolute;
        /*xborder: 1px solid white;*/
        font-size: 12pt;
        background-image: url(../Images/ArrowBullet.png);
        background-position: 0px 50%;
        padding-left: 10px;
    }
    #StateSelection ul li a 
    {
        text-decoration: none;
    }
    #StateSelection .Washington 
    {
        left: -40px;
        top: 0px;        
    }
    #StateSelection .Idaho 
    {
        left: 80px;
        top: 0px;        
    }
    #StateSelection .Oregon 
    {
        left: -40px;
        top: 40px;        
    }
    
    
    
    #SpotSelection 
    {
        position: absolute;
        left: 30px;
        top: 110px;
    }
    #SpotLink 
    {
        display: block;
        
        width: 225px;
        height: 36px;
        
        /*xpadding: 2px;*/
        /*xpadding-left: 5px;*/
        /*xpadding-right: 5px;*/
        
        overflow: hidden;
        text-indent: 300px;
        line-height: 100px;

        color: White;
        text-decoration: none;
        font-size: 14pt;
        font-weight: bold;
        
        background-image: url(../Images/WatchTheSpot.png);

        width: 235px;
        background-image: url(../Images/WatchTheSpots.png);

        position: absolute;
        left: 0px;
        top: 0px;
        
        cursor: pointer;
        
        /*xborder: solid;*/
    }
    
    
    /*
    #SpotSelection a .Shadow 
    {
        display: block;
        color: Black;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 200px;
    }
    #SpotSelection a .Foreground 
    {
        width: 200px;
        display: block;
        color: Yellow;
        position: absolute;
        left: 0px;
        top: 0px;
    }
    #SpotSelection a .Foreground 
    {
        color: White;
    }
    #SpotSelection a .Shadow1
    {
        xdisplay: block;
        color: Blue;
        left: -5;
        top: -5;
        xborder: solid;
    }
    #SpotSelection a .Shadow2
    {
        xdisplay: block;
        color: Red;
        left: 5;
        top: 5;
        border: solid;
        display: none;
    }
    */
    
    #TopPadding 
    {
        height: 39px;
    }
    .SectionOverlay 
    {
        display: none;
    }
    #Main 
    {
        background-color: transparent;
    }
        
    #ExploreTeaser 
    {
        /*xdisplay: none;*/
    }
    #Popup 
    {
        position: absolute;
        left: 8px;
        top: 0px;
        display: none;
        z-index: 1000;
    }