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

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

body {
    background: #ffffff url('../images/background.jpg') repeat-x fixed top left;
}    

#Align {
    padding: 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: url('../images/background-sketch.jpg') repeat-x fixed 0px 162px;
}

#Template {
    position: relative;
    width: 980px;            /* Search for "#Template{width}" in CSS files to update values related to this. */
    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 */
        width: 100%;
    }
    #HeaderInner {
    }
        
        #Header #Logo {
            float: left;
        }

        #Header #LoginStatusShort {
            position: relative;
            float: right;
            padding: 40px 0 0 0px;
        }
        
        #Header #SearchSite {
            position: relative;
            float: left;
		    margin-left: 170px;
		    padding-top: 40px;
        }

            #Header #SearchSite label {
                position: relative;
                float: left;
                padding: 6px 8px 0 0;
                text-transform: uppercase;
                color: #333333;
            }
            
            #Header #SearchSite input {
                padding-bottom: 0;
            }

            #Header #SearchSite .keywords {
                position: relative;
                float: left;
                background: url('../images/search_input_bg.gif') no-repeat;
                border: 1px #dadddf solid;
                color: #333333;
                height: 22px;
            }

            #Header #SearchSite .submit {
                display: inline-block;
                background: url('../images/icons/search_btn.gif') no-repeat;
                border: 0;
                color: #225a92;
                font-size: 1px;
                height: 25px;
                width: 31px;
            }
            *:first-child+html #Header #SearchSite .submit {
                /* IE7 Only */
                position: absolute;
            }
            
            #Header #SearchSite #AdvancedSearchLink {
            }

        #Header #MainMenu {
            position: relative;
            float: left;
            width: 977px; /*need to set a pixel width to accommodate the left and right borders*/
            height: 51px;
            border-left: 1px #ece7e7 solid;
            border-right: 1px #ece7e7 solid;
            background: url('../images/main_menu_bg.gif') repeat-x;
        }
        #Header #MainMenuInner {
            display: inline-block;
            padding: 0;
        }
        
        #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 {
            }
                
                #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;
        height: 356px;
        background: #333333 url('../images/footer-bg.jpg') no-repeat top left;
    }
    #FooterInner {
        padding: 30px;            
    }
        
        #Footer #MelbourneFooterAddress, #Footer #GeelongFooterAddress {
            float: left;
            padding-right: 20px;
        }
        
        #Footer #FooterMenu {
            float: left;
            padding-right: 20px;
        }

            #Footer #FooterMenu ul {
                margin: 0;
                padding: 0;
                list-style: none;
            }
            
            #Footer  h2 {
                padding-bottom: 15px;
				font-size: 190%;
				font-weight: bold;
            }
            
            #Footer #FooterMenu ul#Col1 {
                 padding-right: 20px;
            }
            
            #Footer #FooterMenu ul#Col1, #Footer #FooterMenu ul#Col2 {
                float: left;
            }

                #Footer #FooterMenu ul li {
                    padding: 0 0 6px 18px;
                    background: url('/App_Themes/Default/images/icons/bullet-arrow-box.gif') no-repeat 0px 4px;
                }

                #Footer #FooterMenu a {
                    font-size: 120%;
                }

                    #Footer #FooterMenu a:link {
                    }

                    #Footer #FooterMenu a:visited {
                    }

                    #Footer #FooterMenu a:hover {
                    }

                    #Footer #FooterMenu a:active {
                    }

        #Footer #Rights {
            padding-top: 35px;
			font-size: 80%;
        }
                    
            #Footer #Rights ul li {
                float: left;
                list-style-type: none;
                border-right: 1px solid #cccccc;
                padding: 0 10px;
            }
            
            #Footer #Rights ul li#last {
                border: none;
            }
            
            #Footer #Rights p {
                margin-bottom: 10px;
            }

        #Footer #CreditsCMS {
            padding: 0 20px 0 0;
			float: left;			
        }
		
		#Footer #Credits {
		}

        #Footer #CreditsDesign {
        }

            #Footer #CreditsDesign a {
				font-size: 100%;
				font-weight: normal;
            }

                #Footer #CreditsDesign a:link {
                }

                #Footer #CreditsDesign a:visited {
                }

                #Footer #CreditsDesign a:hover {
                }

                #Footer #CreditsDesign a:active {
                }