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

/* ####################################
   Core Template
   ####################################
   
    <Align>
        <Template>
            <Header />
            <Content>
                <Page>
                    <TrailNav />
                    <PageFunctionsTop />
                    <PageContent>
                        <Primary />
                        <Secondary />
                    </PageContent>
                    <PageFunctionsBottom />
                </Page>
                <Tertiary />
            </Content>
            <Footer />
        </Template>
    </Align>
*/
body {
    background: #004780 url('../images/dark-blue-gradient.gif') repeat;
}
#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. */
    
}

#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: 56px;
	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 {
    padding: 0;
}

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

	#Header {
		position: relative; /* z-index doesn't work without position. */
		z-index: 50;         /* Important for the main menu dropdown to appear above page content (including rotating images) in IE */
        height: auto;
    }
    
	#HeaderInner {
	    background: #a1d643 url('../images/green-banner-curve.gif') no-repeat top right;
	    height: 128px;	
	}
		
		#Header #Logo {
		    width: 214px;
		    padding: 8px 0 7px 4px;
		    background: #ffffff;
		}
		/*IE6*/
		*html #Header #Logo {
		    padding: 6px 0 5px 4px;
		}
		/*IE7*/
		*:first-child+html #Header #Logo {
		    padding: 6px 0 5px 4px;
		}
		/*random image & text content in header*/
		#Header #BannerHighlight {
		    position: absolute;
		    width: 705px;
		    left: 218px;
		    top: 0;
		}
		    #Header #BannerHighlight .rotatorElement {
		        width: 705px;
		        height: 128px;
		    }
		    #Header #BannerHighlight p {
		        position: absolute;
		        top: 13px;
		        right: 0px;
		        width: 241px;
		        font-size: 125%;
		        font-weight: bold;
		        color: #ffffff;
		        line-height: 1;
		    }
		
		
		#Header #SearchSite {
		    position: absolute;
		    top: 6em;
		    right: 110px;
		    padding: 6px 9px 6px 9px;
		    background: #004881;
		    /*need to make sure search sits in front of rotating content*/
		    z-index: 100;
		}
            #Header #SearchSite label {
                display: none;
            }
            
		    #Header #SearchSite .keywords {
		        /*font-size: 91.7%;*/
		        width: 135px;
		        border: 1px solid #cddfe9;
		        color: #666666;
		        padding: 5px 0 1px 7px;
		        /*margin: 1px 0 0 0;*/
		        height: 16px;
            }
            /*IE7*/
            *:first-child+html #Header #SearchSite .keywords {
                padding: 5px 0 3px 7px;   
            }
            /*IE6*/
            *html #Header #SearchSite .keywords {
                padding: 5px 0 3px 7px;   
            }
            
		    #Header #SearchSite .submit {
		        background:url(/App_Themes/Default/images/search-go-button.gif) no-repeat left top;
                color:#FFFFFF;
                cursor:pointer;
                height:24px;
                margin: 0 0 0 -3px;
                padding: 3px 0 0 0;
                text-indent:-3000px;
                width:25px;
                border: 0px;
                vertical-align: top;
            }
            /*IE6*/
            *html #Header #SearchSite .submit {
                text-indent: 0;
                padding-left: 24px;
            }
        	/*IE7*/
        	*:first-child+html #Header #SearchSite .submit {
                text-indent: 0;
                padding-left: 24px;
            }	
		    #Header #SearchSite #AdvancedSearchLink {
		        display: none;
		    }

		#Header #MainMenu {
		    position: relative;
		    float: left;
		    width: 100%;
	        margin: 0;
	        background: #3AACD1;
	        font-size: 116.7%;
		}
        #Header #MainMenuInner {
		    padding: 0;
        }
		
		#Header #AnchorMenu {
		    display: none;
		}

			#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 {
            background: #ffffff url(/App_Themes/Default/images/content-bottom-left-curve.gif) no-repeat bottom left;
		}
		#ContentInner {	
		}

			#Page {
			}
	        #PageInner {
		        padding: 10px;			
	        }
	        /*IE7*/
	        *:first-child+html #PageInner {
	            padding-top: 35px;
	        }
			    
			    #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 {
			}
			/*IE7*/
		    *:first-child+html #Tertiary #TertiaryInner {
		         padding-top: 35px;
		    }

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

	#Footer {
	    position: relative;
	    clear: both;
	    padding-bottom: 20px;
	}
	#FooterInner {
	}
		
		#Footer #FooterMenu {
    	    background: #a1d543 url(/App_Themes/Default/images/footer-left-curve.gif) no-repeat left bottom;
    	    padding: 6px 0 6px 40px;
    	    font-size: 116.7%;
    	    margin: -18px 0 0 0;
		}
        /*IE6*/
        *html #Footer #FooterMenu {
            margin-top: 0;
        }
        /*IE7*/
        *:first-child+html #Footer #FooterMenu {
            margin-top: 0;
            padding: 5px 0 5px 40px;
            margin-left: 0px;
        }
			#Footer #FooterMenu ul {
		        margin: 0;			
				padding: 0;
    	        list-style: none;
			}

			    #Footer #FooterMenu ul li {
				    display: inline;
				    padding-right: 51px;
			    }
			     /*IE6*/
                *html #Footer #FooterMenu ul li {
                    padding-right: 50px;   
                }
			     /*IE7*/
                *:first-child+html #Footer #FooterMenu ul li {
                    padding-right: 50px;   
                }
			    #Footer #FooterMenu a {
			        color: #004981;
			        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 {
			            }