@import url('../../Default/Css/Default.css');

/* ############################################################################
   ## 
   ##  Popup1
   ##  No main menu, trail nav, page functions, footer, tertiary/sub menu
   ##
   ############################################################################ 

   | Header                               |
   |______________________________________|
   | SubHeader                            |
   |______________________________________|
   |                                      |
   | Primary                              |
   |                                      |
   |______________________________________|
   | Secondary                            |
   |______________________________________|
   | PageBottom                           | (PageFunctions)
   |______________________________________|
   | Footer                               |
   |                                      |
   
    <TemplateWrapper>
        <Template>
            <AccessibilityToolbar />
            <Header />
            <SubHeader />
            <Content>
                <Page>
                    <PageTop>
                        <TrailNav />
                        <PageFunctionsTop />
                    </PageTop>
                    <PageContent>
                        <Primary />
                        <Secondary />
                    </PageContent>
                    <PageBottom>
                        <PageFunctionsBottom />
                    </PageBottom>
                </Page>
                <Tertiary />
            </Content>
            <Footer />
        </Template>
    </TemplateWrapper>
*/

#Template {
}

#JumpToMenu, #JumpToSearch {
}

#Page {
}

    #PageTop {
    }

    #PageContent {
        width: 100%;
        clear: both;
    }
    
        #Primary {
        }

            #PrimaryContent {
            }

        #Secondary {
        }

            #SecondaryContent {
                margin: var(--site-padding-thin) 0 0;
                padding: var(--site-padding-thin) 0 0;
                border-top: #eae8e7 2px solid;
            }

    #PageBottom {
    }

/* ############################################################################
   ## 
   ##  Layout for Different Screen Sizes
   ##
   ##  Be sure to co-ordinate these layouts with the responsive sizes used in all templates in the site, or you'll run into trouble.
   ##
   ######################################################################### */

@media screen and (max-width: 900px) {
    
}