/* ############################################################################
   ## 
   ##  PAGE LAYOUT
   ##
   ######################################################################### */

/* ####################################
   Core Template
   ####################################
   
    <Align>
        <Template>
            <AccessibilityToolbar />
            <Header />
            <Content>
                <Page>
                    <TrailNav />
                    <PageFunctionsTop />
                    <PageContent>
                        <Primary />
                        <Secondary />
                    </PageContent>
                    <PageFunctionsBottom />
                </Page>
                <Tertiary />
            </Content>
            <Footer />
        </Template>
    </Align>
*/

#Align {
    padding: 2em 0;
    text-align: center;      /* Coupled with the "margin: 0 auto;" and "text-align: left;" settings in #Template (below) this is a weird but safe way to center a page in all browsers including IE where the standard doesn't work. */
    background: #ffffff url('../images/bg_page.gif') repeat-x;
}

#Template {
    position: relative;
    width: 940px;            /* Search for "#Template{width}" in CSS files to update values related to this. */
    border: #e0e0e0 1px solid;
    background: #ffffff;
    
    margin: 0 auto;          /* Coupled with "text-align: left;" to re-align text to left in the page div when a parent div is centred. This allows centering of page div using the IE-safe hack. */
    text-align: left;        /* Coupled with "margin: 0 auto;" o re-align text to left in the page div when a parent div is centred. This allows centering of page div using the IE-safe hack. */
}
#TemplateInner {
}

#AccessibilityToolbar {
    position: absolute;
    margin-top: -2em;
    font-size: 91.7%;
}

    #AccessibilityToolbar ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #AccessibilityToolbar li {
            display: inline;
            margin-right: 1em;
        }

/* ########################################################
   Header 
   ######################################################## */

    #Header {
        position: relative; /* z-index doesn't work without position. */
        z-index: 2;         /* Important for the main menu dropdown to appear above page content in IE */
        
        background: #f0f0f0;
    }
    #HeaderInner {
    }
        
        #Header #Logo {
            width: 100%;
            background: #ffffff;
        }

        #Header #LoginStatusShort {
            padding: 4px 10px;
        }
        
        #Header #SearchSite {
            position: relative;
            float: right;
            padding: 4px 10px;
        }

            #Header #SearchSite label {
            }
            
            #Header #SearchSite input {
                padding: 0;
                margin: 0;
            }

            #Header #SearchSite .submit {
            }

            #Header #SearchSite .keywords {
            }
                    
            #Header #SearchSite #AdvancedSearchLink {
                display: none;
            }

        #Header #MainMenu {
            position: relative;
            float: left;
            width: 100%;
            background: #f8f8f8;
        }
        #Header #MainMenuInner {
            padding: 4px 10px;
        }
        
        #Header #AnchorMenu {
            padding: 0.5em 0;
            margin: 0 10px;
        }

            #Header #AnchorMenu a {
                padding: 0 8px;
                border-right: #c0c0c0 1px solid;
            }
                        
                #Header #AnchorMenu a:link {
                }
                
                #Header #AnchorMenu a:visited {
                }
                
                #Header #AnchorMenu a:hover {
                }
                
                #Header #AnchorMenu a:active {
                }

                #Header #AnchorMenu a.first {
                    padding-left: 0;
                }

                #Header #AnchorMenu a.last {
                    border: 0;
                }

/* ########################################################
   Content area
   
   DO NOT code CSS rules here if the site uses multiple templates. The usual
   approach is to define the rules separately on each template to avoid
   cascading conflicts. If there is only one template in the site or if there
   is a VERY, VERY clear case for using the same rules on every template, 
   rules can be coded here.
   ######################################################## */

        #Content {
        }
        #ContentInner {    
        }

            #Page {
            }
            #PageInner {
                padding: 10px;            
            }
                
                #Page #PageContent {
                }
                #Page #PageContentInner {
                }
                
                    #Page #PageContent #Primary {
                    }
                    #Page #PageContent #PrimaryInner {
                    }

                    #Page #PageContent #Secondary {
                    }
                    #Page #PageContent #SecondaryInner {
                    }
            
            #Tertiary {
            }
            #Tertiary #TertiaryInner {
            }

/* ########################################################
   Footer 
   ######################################################## */

    #Footer {
        position: relative;
        clear: both;
        
        background: #f0f0f0;
    }
    #FooterInner {
        padding: 10px;            
    }
        
        #Footer #FooterMenu {
        }

            #Footer #FooterMenu ul {
                margin: 0;
                padding: 0;
                list-style: none;
            }

                #Footer #FooterMenu ul li {
                    display: inline;
                    padding-right: 8px;
                }

                #Footer #FooterMenu a {
                }

                    #Footer #FooterMenu a:link {
                    }

                    #Footer #FooterMenu a:visited {
                    }

                    #Footer #FooterMenu a:hover {
                    }

                    #Footer #FooterMenu a:active {
                    }

        #Footer #Rights {
        }

        #Footer #CreditsCMS {
            position: absolute;
            top: 0.5em;
            right: 0.5em;
        }

        #Footer #CreditsDesign {
        }

            #Footer #CreditsDesign a {
            }

                #Footer #CreditsDesign a:link {
                }

                #Footer #CreditsDesign a:visited {
                }

                #Footer #CreditsDesign a:hover {
                }

                #Footer #CreditsDesign a:active {
                }