﻿/* common.css Styles found throughout this stylesheet are necessary for the overall architecture found on every page */


/* Overall */



/* Overall */
        body, p, a, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, input, textarea, label, div, span, abbr {
            font-family: avenirregular;
            outline: none;
            color: #383838;
        }

        a {
            color: inherit;
        }

        body {
            background-color: #282828;
        }


        #wrapper_outer {
            width: 1144px;
            margin: 0px auto;
        }

        #wrapper
        {
            background-position: center bottom, top;
    width: 1144px;
            background-image: url(/App_Images/bg_bodybtm.png), url(/App_Images/bg_bodymain.jpg);
            background-repeat: no-repeat, repeat-y;
            padding-bottom: 80px;
            float: left;
            

        }

        #container_outer {
            width: 815px;
            margin: 0px auto;
        }
        #container {

            width:815px;
            background-image: url(/App_Images/bg_containermain.jpg);
            background-repeat: repeat-y;
            background-position-x: center;
            background-position-y: top;
            -webkit-box-shadow: 0px -19px 19px 4px rgba(0,0,0,0.54);
            -moz-box-shadow: 0px -19px 19px 4px rgba(0,0,0,0.54);
            box-shadow: 0px -19px 19px 4px rgba(0,0,0,0.54);
            float: left;

        }

        #content {
        
            width: 815px;
            padding: 0 15px;
     
        
        }

            #content .horiz_spacer {
            
                float: left;
                width: 815px;
                height: 9px;
                background: #151515;
                margin: 0px -15px

            }

        #top {

            background: url(/App_Images/bg_header_home.jpg) top no-repeat;
            width: 845px;
            margin: 0px -30px -31px;
            position: relative;
            z-index: 2;
            min-height: 256px;

        }

        #top .homelink {

        position: absolute;
        top: 33px;
        left: 15px;
        width: 815px;
        height: 192px;

        }

        #top .nav1 {
        
            position: absolute;
            top: 0px;
            left: 0px;
            width: 600px;
            height: 33px;
            margin: 0px 70px;
            display: table;
        
        }

            #top .nav1 dt, #top .nav1 dd { display: table-cell; font-size: 12px; color: #fff; vertical-align: middle; white-space: nowrap; padding: 0px 5px;}
            #top .nav1 dd a { font-size: inherit; color: inherit; text-decoration: none; }
            #top .nav1 dd a:hover {  text-decoration: underline }

        #top .nav2 {
        
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 760px;
            height: 31px;
            margin: 0px 15px;
            display: table;
            background: #000;
            padding-left: 0px;
            padding-right: 13px;
        
        }


        #top .nav2 li { padding-top: 3px; padding-left: 25px; display: table-cell; text-transform: uppercase; font-size: 14px; color: #f7cc35; vertical-align: middle; white-space: nowrap; text-align: center;}
        #top .nav2 li a { font-size: inherit; color: inherit; text-decoration: none; }
            #top .nav2 li a:hover,
            .pg_homepage #top .nav2 li a.a_home,
            .pg_about #top .nav2 li a.a_about,
            .pg_history #top .nav2 li a.a_history,
            .pg_support #top .nav2 li a.a_support,
            .pg_tour #top .nav2 li a.a_tour,
            .pg_events #top .nav2 li a.a_events,
            .pg_merchandise #top .nav2 li a.a_merchandise,
            .pg_featured #top .nav2 li a.a_featured,
            .pg_contact #top .nav2 li a.a_contact {
                color: #fff
            }

        #top .nav2 a.a_featured {

            padding: 10px 2px 7px;

        }


        #contact {
        
            float: left;
            width: 845px;
            margin: -1px -31px 0 -29px;
            background: url(/App_Images/bg_overall_contact.png) no-repeat;
            min-height: 224px;

        }

            #contact div {
            
                float: left;
                width: 320px;
                background: #e4bf73;
                -webkit-border-radius: 9px;
                -moz-border-radius: 9px;
                border-radius: 9px;
                border: 1px solid #ad7d15;
                padding: 30px; 
                margin: 20px 8px;

            }

            #contact .L {
                margin-left: 30px;
            }
            #contact .R {
                margin-right: 30px;
            }
            #contact h2 {
                text-transform: uppercase;
                margin-bottom: 15px;
                font-size: 18px;
                letter-spacing: 1px;
            }
            #contact p {
                font-size: 14px;
                letter-spacing: 1px;
                line-height: 24px;
            }
            #contact .R p {
                line-height:19px
            }



        #btm {
        
            display: table;
            width: 800px;
            padding: 10px 0px 0px;
            position: relative;
        
        }

            #btm .col {
            
                display: table-cell;
                font-size: 14px;
                line-height: 24px;
                white-space: nowrap;
                border-left: 1px solid #000;
                padding-left: 15px;
                padding-bottom: 20px;

            }

                #btm .col:first-child {
                
                    border-left: 0;
                    padding-left: 0;
                
                }

            #btm h3 {
            
                font-weight: bold;
                font-size: 16px;
                line-height: 24px;
           
            }

            #btm h3:nth-of-type(2)
            {

                margin-top: 25px;

            }

            #btm a {

               line-height: 24px;

            }

            #btm .copyright {
            
                position: absolute;
                bottom: -40px;
                right: 20px;
                font-size: 12px;
           
                 }


            /* Hidden anchors for same page navigation */

            .anchor { 

                position: absolute;
                top: 0;
                left: 0;

             }

/* Campaign Pod Specific */

#campaign .graph_cover {
    
        width: 371px;
        height: 67px;
        background: url(/App_Images/img_cover_campaignTicks.png) no-repeat;
        position: absolute;
        top: -54px;
        left: 30px;  
        z-index: 3;  

    }

#campaign .graph_cont {
    
        position: absolute;
        width: 329px;
        height: 58px;
        background: #000;
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;
    
    }

    #campaign .graph_outer {
    
        width: 283px;
        height: 33px;
        background: #2e2e2e;
        position: absolute;
        top: 12px;
        left: 20px;  
        z-index: 2;  
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;

    }

    #campaign .graph_inner_holder {
    
        top: 12px;
        left: 20px;   
        position: absolute;
        width: 283px;
    
    }

    #campaign .graph_inner {
    
        width: 0%;
        height: 33px;
        background: #da6e18;
        position: absolute;
        top: 0px;
        left: 0px;   
        text-align: center;
        font-size: 18px;
        color: #fff; 
        z-index: 3;
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;
        line-height: 33px;

    }



    #campaign .paypal {
    
        position: absolute;
        top: 92px;
        left: 540px;
        background: url(/App_Images/bg_paypal1.png) no-repeat;
        width: 174px;
        height: 165px;
    
    }

    #campaign .paypal .hdn_button {
        position: absolute;
        top: 100px;
        left: 10px;
        opacity: 1;
        z-index: 4;
    }

    #campaign .paypal .btn_orange, #campaign .direct .btn_orange {

        position: absolute;
        left: 30px;
        bottom: 27px;


    }

    #campaign .txt p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0px;
        color: #fff;
    }

    #campaign .txt strong {
        font-weight: bold;
        font-size: 18px;
        line-height: 24px;
        text-transform: uppercase;
    }
    

    /* New Top Header announcement bar */
    .announcement_bar {

        background: url(/App_Images/bg_homepage_newsTop.png);
        display: block;
        width: 816px;
        box-sizing: border-box;
        padding: 10px 30px;
        color: #fff;
        text-align: center;
        line-height: 20px;
        font-size: 16px;
        margin-left: -15px;
        margin-top: 31px;
        margin-bottom: 31px;

    }


    /* Subpage Styles
    */


    .subpage  #top {

            background: url(/App_Images/bg_header_subpage.jpg) top no-repeat;
            width: 845px;
            margin: 0px -30px -31px;
            position: relative;
            z-index: 2;
            min-height: 159px;

        }

.subpage .announcement_bar {

    margin-bottom: 0;

}

.subpage #header {

    width: 815px;
    height: 168px;
    overflow: hidden;
    margin: 0px 0px 0px -15px;
    position: relative;
    z-index: 1;

}

.subpage #top .homelink {
    height: 95px;
}
/* Horizontal Bars */

.bar_gold {
    
        background: url(/App_Images/img_bar_gold.jpg) no-repeat;
        height: 12px;
        width: 815px;
        margin: 0 -15px;
        float: left;
    
    }

    .bar_red {
    
        background: url(/App_Images/img_bar_red.jpg) no-repeat;
        height: 47px;
        width: 815px;
        line-height: 47px;
        text-transform: uppercase;
        color: #fff;
        text-indent: 20px;
        font-size: 18px;
        letter-spacing: 1px;
        margin: 0 -15px;
        float: left;
        position: relative;
    
    }

    .bar_red .to_top {

        position: absolute;
        right: 20px;
        top: 20px;
        font-size: 10px;
        text-transform: uppercase;
        color: #fff;

    }


    .bar_black, .bar_trans_black {
    
        background-color: rgba(0, 0, 0, .9);
        height: 31px;
        width: 815px;
        line-height: 31px;
        text-transform: uppercase;
        color: #fff;
        text-indent: 20px;
        font-size: 14px;
        letter-spacing: 1px;
        margin: 0 -15px;
        float: left;
    
    }

    .bar_trans_black {
    
        background-color: rgba(0, 0, 0, .7);
        text-transform: none;
        font-size: 12px;
    }

    .bar_shadow {
    
        background: url(/App_Images/img_bar_shadow.jpg) no-repeat;
        height: 11px;
        width: 815px;
        margin: 0 -15px;
        float: left;
        }


    .intro {
    
    
        font-size: 20px;
        height: 47px;
        padding: 30px;
        width: 755px;
        margin: 0 -15px;
        background-color: rgba(228, 191, 115, .5);
        line-height: 28px;
        letter-spacing: 0px;
    
    }

    /* Text Blocks */

    .block {

        float: left;
        padding: 20px;
        width: 775px;
        margin: 0 -15px;
        background-color: rgba(228, 191, 115, .5);
        line-height: 18px;
        letter-spacing: 0px;
    
    }

    .block img {

        float: right;
        margin-left: 20px;

    }

    

    .block p {
    
        float: left;
        width: 100%;
        margin-top: 10px;
        line-height: inherit
    
    }

    .block .R {

        float: right;
        width: 360px;
        margin-left: 20px;
        

    }

        .block .R dl {
        
            margin-right: -30px
        
        }
        .block .R dt {
        
            font-weight: bold;
            float: left;
            width: 370px;
        
        }

        .block .R dd {
        
            float: left;
            width: 180px;
            margin-right: 15px;
            line-height: 18px;
            white-space: nowrap;
        
        }


        /* Variuos lists from CMS */

.p ul {
    list-style-type: disc;
    padding-left: 30px
}
.p li {
    float: none;

}