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

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

#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: #ffffff url('../images/blue_gradient_bg.gif') repeat-x;
}

#Template {
	position: relative;
	width: 980px;
	
	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. */
	padding-top: 38px;
	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. */
	background: url('../images/content_bg.gif') no-repeat top center;
}
#TemplateInner {
    padding: 0 23px 0 27px;
}

/* ########################################################
   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 */
        height: auto;
    }
    
	#HeaderInner {
	    background: url('../images/NVIRP-Banner.gif') no-repeat top right;	
	}
		
		#Header #Logo {
		    width: 247px;
		}
		
		#Header #SearchSite {
		    position: absolute;
		    top: -34px;
		    right: 10px;
		    color: #ffffff;
	        font-size: 91.7%;
		    /* With anchor menu...
		    position: relative;
		    float: right;
		    padding: 4px 10px;
		    */
		}

		    #Header #SearchSite .keywords {
		        font-size: 91.7%;
            }
            
		    #Header #SearchSite .submit {
		        margin: 0;
		        padding: 0 4px;
		        font-size: 91.7%;
            }
        		
		    #Header #SearchSite #AdvancedSearchLink {
		        display: none;
		    }

		#Header #MainMenu {
		    position: relative;
		    float: left;
		    width: 100%;
	        height: 33px;
	        margin: 1px 0 0 0;
	        background: #6dcff7 url('../images/main_menu_bg.gif') no-repeat top left;
		}
        #Header #MainMenuInner {
		    padding: 4px 10px;
        }
		
		#Header #AnchorMenu {
		    display: none;
		    /*
		    padding: 8px;
		    margin: 1px 0 0;
		    font-size: 91.7%;
		    font-weight: bold;
		    background: #f0f0f0;
		    */
		}

			#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 {
            /*padding-bottom: 90px;*/
            background: url('../images/content_curve_bg.gif') no-repeat bottom left;
		}
		#ContentInner {	
		}

			#Page {
			}
	        #PageInner {
		        padding: 10px;			
	        }
			    
			    #Page #PageContent {
			    }
		        #Page #PageContentInner {
		        }
		        
		        #Page #PageContentInner p, #Page #PageContentInner #MainContent ul, #Page #PageContentInner #MainContent ol {
		            font-size: 120%;
		        }
		        
			        #Page #PageContent #Primary {
			        }
		            #Page #PageContent #PrimaryInner {
		            }

			            #Page #PageContent #Primary #PageBody {
			            }
    			        
			            #Page #PageContent #Primary #SubContainers {
			            }

			            #Page #PageContent #Primary #SubArticles {
			            }

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

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

	#Footer {
	    position: relative;
	    clear: both;
	}
	#FooterInner {
	}
		
		#Footer #FooterMenu {
    	    background: #d5e04d;
    	    border-top: 2px solid #FFFFFF;
    	    border-bottom: 2px solid #FFFFFF;
		}

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

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

			    #Footer #FooterMenu a {
			        color: #353232;
			        font-weight: bold;
			    }

			        #Footer #FooterMenu a:link {
			        }

			        #Footer #FooterMenu a:visited {
			        }

			        #Footer #FooterMenu a:hover {
			        }

			        #Footer #FooterMenu a:active {
			        }

		#Footer #Rights {
		}

		#Footer #CreditsCMS {
		    text-align: center;
		}
		
		    #Footer #CreditsCMS, #Footer #CreditsCMS a {
			    color: #a0a0a0;
			    font-size: 90%;
		    }

		        #Footer #CreditsDesign {
		            padding-top: 10px;
		            text-align: center;
		        }

			        #Footer #CreditsDesign, #Footer #CreditsDesign a {
			            color: #a0a0a0;
			            font-size: 90%;
			        }

			            #Footer #CreditsDesign a:link {
    		                text-decoration: underline;
			            }

			            #Footer #CreditsDesign a:visited {
			            }

			            #Footer #CreditsDesign a:hover {
		                    text-decoration: none;
			            }

			            #Footer #CreditsDesign a:active {
			            }