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

/* ####################################
   Core Template
   ####################################
   
    <Align>
        <Template>
            <AccessibilityToolbar />
            <Header />
            <Content>
                <Page>
                    <TrailNav />
                    <PageFunctionsTop />
                    <PageContent>
                        <Primary />
                        <Secondary />
                    </PageContent>
                    <PageFunctionsBottom />
                </Page>
                <Tertiary />
            </Content>
            <Footer />
        </Template>
    </Align>
*/
html {
    background: #e4e3e1 url(/images/templates/bg_page_grey_top-new.gif) no-repeat scroll center top;
}
body {
    background: url(/images/templates/bg_page_grey_bottom-new.gif) no-repeat scroll center bottom;
    padding: 28px 0 47px 0;
}
#Align {
    background: url('/images/templates/bg_page_grey-new.gif') top center repeat-y;
	/* Coupled with the margin and text-align settings in page-wrapper-outer (below) this is a weird but safe way to center a page in all browsers including IE where the standard doesn't work. */
	text-align: center;
}

#Template {
    position: relative;
	width: 969px;
	background: #ffffff;
	
	/* 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. */
	margin: 0 auto;
	text-align: left;
}
    #TemplateInner {
	    margin-left: -2px;
	}
	/*IE 6*/
	*html  #TemplateInner {
	    margin-left: auto;
	}
	/*IE7*/
	*:first-child+html #TemplateInner {
	    margin-left: auto;
	}

#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: 3;         /* Important for the main menu dropdown to appear above page content in IE */
        
        margin: 0px;
	    padding: 0px;
	
	    width: 100%;
	    height: 117px;
	
	    border-bottom: #5E6168 2px solid;
    }
    #HeaderInner {
    }
        
        #Header #Logo {
            position: relative;
		    float: left;
		
		    margin: 0px;
		    padding: 14px 0px 0px 29px;
        }

            #header #Logo a img {
			    border: none;
		    }

        #Header #LoginStatusShort {
            padding: 4px 10px;
        }
        
        #Header #SearchSite {
            position: relative;
            float: right;
            padding: 4px 28px 4px 0;
            margin: 19px 20px 2px 0;
            background: url(/images/templates/search_box_bottom.gif) no-repeat left bottom;
        }

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

            #Header #SearchSite .submit {
                margin: 2px 0px 0px 2px;
			    padding: 0px;
			    width: 22px;
			    height: 22px;
                
                position: absolute;
                top: 3px;
                right: 3px;
                
			    background: #ffffff url('/images/templates/submit_go_button.gif') top left no-repeat;
			    border: none;
			    
                text-indent:-3000px;
            }
                /*IE6*/
                *html #Header #SearchSite .submit {
                    padding-left: 22px;
                    text-indent: 0;
                }
                /*IE7*/
                *:first-child+html #Header #SearchSite .submit {
                    padding-left: 22px;
                    text-indent: 0;
                }
            #Header #SearchSite .keywords {
                padding: 2px;

			    width: 130px;
			    height: auto;
    			
			    font-family: arial, helvetica, sans-serif;
			    font-size: 91.7%;
			    padding: 4px 0 1px 5px;
			    font-weight: normal;
			    color: #928F96;
			    
			    background:#FFFFFF url(/images/templates/search_box_top.gif) no-repeat;
                border:0px;
            }
                    
            #Header #SearchSite #AdvancedSearchLink {
                display: none;
            }
            

        #Header #MainMenu {
            position: absolute;
            bottom: 0px;
	        left: 10px;
        	
	        margin: 0px;
	        padding: 0px;
        	
	       /* height: 31px;*/

	        font-family: arial, helvetica, sans-serif;
	        font-size: 100%;
	        
		    list-style: none;
		    line-height: 1;
        }
            /*IE 6*/
            *html #Header #MainMenu {
                width: 920px;
            }
        #Header #MainMenuInner {
            padding: 4px 10px;
        }
    
        #Header #AnchorMenu {

		    /*position: relative;*/
		    float: right;

		    margin: 15px 0 6px 0;
		    padding: 0;
    		
		    font-size: 91.7%;
		    color: #928F96;

	    }
	    /*IE7*/
	    :first-child+html #Header #AnchorMenu {
	        margin-top: 19px;
	    }
	    /*IE6*/
	    *html #Header #AnchorMenu {
	        margin-top: 19px;
	        
	    }

	    #Header #AnchorMenu #AnchorMenuInner {
	        padding: 0 14px 0 0;
		    float: left;
	    }

		    #Header #AnchorMenu #AnchorMenuInner ul {
                padding-bottom: 2px;
			    margin: 8px 0px 0px 0px;
			    list-style: none;
                float: left;

		    }
		    *:first-child+html #Header #AnchorMenu #AnchorMenuInner ul {
		        /* IE7 Only */
		        padding: 2px 0 2px 0;
		        margin-top: 3px;
		    }
		    *html #Header #AnchorMenu #AnchorMenuInner ul {
		        /* IE6 Only */
		        padding: 2px 0 2px 0;
		        margin-top: 3px;
		    }
			    #Header #AnchorMenuInner ul li {
                    display: inline-block;
				    margin-right: 15px;
			    }
			        /*IE7*/
			        :first-child+html #Header #AnchorMenuInner ul li {
			            display: inline;
			        }
			         /*IE6*/
			        *html #Header #AnchorMenuInner ul li {
			            display: inline;
			        }
    			    #Header #AnchorMenuInner ul li a {
    			          display:-moz-inline-box;
    			          display:inline-block; 
    			          background:transparent none 0 0 no-repeat;
    			          text-indent:-3000px;
    			          font:0/0 Arial;
    			          overflow:hidden;
    			          color:rgba(255,255,255,0);
    			          vertical-align:bottom;
    			    }
    			
    			/*IE7*/
    			:first-child+html #Header #AnchorMenuInner ul li a {
    			    display: inline;
    			    text-indent: 0;
    			}
    			/*IE6*/
    			*html #Header #AnchorMenuInner ul li a {
    			    display: inline;
    			    text-indent: 0;
    			}
    			
    			#Header #AnchorMenuInner ul li#AnchorDonateLink, #Header #AnchorMenuInner ul li#AnchorContactLink {
    			    background: transparent;
    			    padding: 0;
    			}
				    #Header #AnchorMenuInner ul li#AnchorDonateLink a {
				        background: url(/images/templates/donate_now_icon.gif) no-repeat;
				        width: 113px;
				        height: 22px;
			        }
			        #Header #AnchorMenuInner ul li#AnchorContactLink a {
				        background: url(/images/templates/contact_us_icon.gif) no-repeat;
				        width: 108px;
				        height: 21px;
			        }
			        
			        #Header #AnchorMenuInner ul li#AnchorDonateLink {
			        }
    				

				    #Header #AnchorMenuInner ul li a:hover {

					    color: #0372B7;
					    text-decoration: underline;

				    }

/* ########################################################
   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: transparent url('/images/templates/bg_strip_blue_header.gif') repeat-x;
        }
        /*alternate classes set on level 1 containers*/
        #Content.orange {
            background: transparent url('/images/templates/bg_strip_orange_header.gif') repeat-x;
        }
        #Content.brown {
			background: transparent url('/images/templates/bg_strip_brown_header.gif') repeat-x;
		}
		#Content.green {
			background: transparent url('/images/templates/bg_strip_green_header.gif') repeat-x;
		}
		#Content.burgundy {
			background: transparent url('/images/templates/bg_strip_burgundy_header.gif') repeat-x;
		}
		
		/*IE6 has problems with an ID.className on the one element - this is #Content*/
        #Template div.featureimages {
            background: url("/images/templates/bg_strip_blue_header_340.gif") repeat-x;
        }
        #ContentInner {    
            position: relative;
	        margin: 0px 20px 0px 20px;
	        background: url('/images/templates/tear_header.gif') 0px 0px repeat-x;
	        float: left;     
        }

            #Page {
            }
            #PageInner {    
                padding: 70px 0px 0px 0px;     
            }
            
                #Page #FeatureTitle {
			        margin: 20px 0 5px 20px;
		        }
		
			        #Page #FeatureTitle p {
				        font-size: 200%;
				        font-weight: bold;
				        margin: 0 0 -5px 0;
				        color: #ffffff;
			        }
			
			            #Page #FeatureTitle p#TagLine {
				            font-size: 140%;
				            font-weight: bold;
				            margin: 0;
				            color: #adabab;
			            }
		
		        #Page #FeatureImages {
			        position: absolute;
			        
			        width: 736px;
			        left: -22px;
			        top: -360px;

			        height: 340px;

			       /* margin: -106px 0px 20px 0px;*/
			        overflow: hidden;

			        background-color: #000000;
			    }
			        #Page #FeatureImages #Image {
			            position: relative;
				        margin:0px;
				        padding: 0px;
				        height: 274px;
			        }

			            #Page #FeatureImages #Title {
				            width: 100%;
				            margin-left: 20px;
				            color: #ffffff;
				            font-weight: bold;
			            }
			                *html #Page #FeatureImages #Title {
			                    width: auto;
			                }
			                #Page #FeatureImages div#Caption {
			                    color: #ffffff;
			                    margin-left: 20px;
			                }
			                
			         #Page #FeatureImages-Links {
                        position:absolute;
                        right:20px;
                        top:-10px;
                     }
                #Page #PageContent {
                }
                #Page #PageContentInner {
                }
                
                    #Page #PageContent #Primary {
                    }
                    #Page #PageContent #PrimaryInner {
                    }

                    #Page #PageContent #Secondary {
                    }
                    #Page #PageContent #SecondaryInner {
                    }
            
            #Tertiary {
            }
            #Tertiary #TertiaryInner {
            }
                #Content #Tertiary .CallToAction h3 {
					padding: 3px 0px 3px 25px;
					background: url(/images/templates/circle_arrow_right_blue.gif) left center no-repeat;

				}
                /*alternate classes set on level 1 containers*/
				#Content.orange #Tertiary .CallToAction h3 {

					padding: 3px 0px 3px 25px;
					background: url(/images/templates/circle_arrow_right_orange.gif) left center no-repeat;

				}
				
				#Content.brown #Tertiary .CallToAction h3 {
					padding: 3px 0px 3px 25px;
					background: url(/images/templates/circle_arrow_right_brown.gif) left center no-repeat;
				}
				
				#Content.green #Tertiary .CallToAction h3 {
					padding: 3px 0px 3px 25px;
					background: url(/images/templates/circle_arrow_right_green.gif) left center no-repeat;
				}
				
				#Content.burgundy #Tertiary .CallToAction h3 {
					padding: 3px 0px 3px 25px;
					background: url(/images/templates/circle_arrow_right_burgundy.gif) left center no-repeat;
				}

				

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

    #Footer {
        clear: both;
	
	    margin: 0px;
	    padding: 20px 0px;
	
	    width: 100%;
	
	    font-size: 91.7%;
    }
    #FooterInner {
        margin: 0px;
		padding: 0px 20px;           
    }
        
        #Footer #FooterMenu {
            margin-bottom: 1.35em;
        }

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

                #Footer #FooterMenu ul li {
                    display: inline;
                    padding: 0;
                    background: transparent;
                }

                #Footer #FooterMenu a {
                }

                    #Footer #FooterMenu a:link {
                    }

                    #Footer #FooterMenu a:visited {
                    }

                    #Footer #FooterMenu a:hover {
                    }

                    #Footer #FooterMenu a:active {
                    }

        #Footer #Rights {
        }

        #Footer #CreditsCMS {
            
        }

        #Footer #CreditsDesign {
        }

            #Footer #CreditsDesign a {
            }

                #Footer #CreditsDesign a:link {
                }

                #Footer #CreditsDesign a:visited {
                }

                #Footer #CreditsDesign a:hover {
                }

                #Footer #CreditsDesign a:active {
                }