/* DMS don't want the new styles to go live. So reverting the Style changes from SVN versions 9435 to 9464 inclusive*/

/* ####################################
   PAGE LAYOUT
   ####################################
   
    <Align>
        <Template>
            <Header />
            <Content>
                <Page>
                    <TrailNav />
                    <PageFunctions-Top />
                    <PageContent>
                        <Primary />
                        <Secondary />
                    </PageContent>
                    <PageFunctions-Bottom />
                </Page>
                <Tertiary />
            </Content>
            <Footer />
        </Template>
    </Align>
*/

#Align {
    width: 100%;
	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. */
}

body {
}

#Template {
}
#Template-Inner {
	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. */

	width: 984px;
    background: #ffffff;
}


/* ########################################################
   HEADER 
   ######################################################## */

	#Header {
	    position: relative;
	    float: left;
	    clear: left;
	    width: 100%;
        height: 139px;	
        
        background: url('./images/bg_header.gif') repeat-x;  	    
	}
	#Header-Inner {
	}

		#Header #Logo {
		    position: relative;
		    float: left;
		}

		#Header #SiteSearch {
		}
		
		    #Header #SiteSearch #AdvancedSearchLink {
		    }

        #Header #LoginStatus {
            position: absolute;
            top: 10px;
            right: 10px;
            color: #f0f0f0;
            font-size: 91.7%;
        }
        
		#Header #MainMenu {
		    position: relative;
		    float: left;
		    margin: 56px 0 0 0;
		    padding-left: 18px;
		}

		    #Header #MainMenu ul {
		        margin: 0;
		        padding: 0;
		    }

		        #Header #MainMenu ul li {
		            position: relative;
		            float: left;
		            margin-right: 15px;
		            min-height: 23px;
			        
		            list-style: none;
		        }
		        
		        #Header #MainMenu ul li.selected {
		            background: url('./images/btn_burst.gif') center center no-repeat;
                }
		        #Header #MainMenu ul li.selected a {
		            color: #edf90f;
                }
                
		        #Header #MainMenu ul li a {
		            position: relative;
		            float: left;
		            color: #ffffff;
		            padding: 30px 10px;
                }
                
		            #Header #MainMenu ul li a:link {
		                text-decoration: none;
                    }
                
		            #Header #MainMenu ul li a:visited {
		                text-decoration: none;
                    }
                
		            #Header #MainMenu ul li a:hover {
		                text-decoration: underline;
                    }
                
		            #Header #MainMenu ul li a:active {
                    }
                                		
		#Header #AnchorMenu {
		}

			#Header #AnchorMenu a {
			}
						
			    #Header #AnchorMenu a:link {
			    }
    			
			    #Header #AnchorMenu a:visited {
			    }
    			
			    #Header #AnchorMenu a:hover {
			    }
    			
			    #Header #AnchorMenu a:active {
			    }

			    #Header #AnchorMenu a.first {
			    }

			    #Header #AnchorMenu a.last {
			    }

/* ########################################################
   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 {
		    position: relative;
		    float: left;
	        min-height: 130px;
	        padding-bottom: 1em;
	        width: 100%;
	        
	        z-index: 300;
		}
	    * html #Content {
	        height: 130px;
	    }
		#Content-Inner {				
            padding: 10px 10px;
		}

			#Page {
			}
			    #ctl00_cplPage_microNav {
			        position:absolute;
                    right:20px;
                    top:20px;
			    }
			    
			    #contentHolder_form{
			        clear:left;
			        float:left;
			        width:100%;
			        margin-bottom: 20px;
			    }
			    #chCategories{
			        clear:left;
			        float:left;
			        width:100%;
			        margin-bottom: 20px;
			    }
				
				*html div.custom-ctlCategories div#chCategories{
						float: none;
					}
				
			        #categoriesFieldSet{
			            margin-top: 0px;
			        }
					
			    #contentHolder_Grid{
			        float:left;
			        width:100%;
			    }
			    
	        #Page-Inner {
	        }
	        			    
			    #Page #PageContent {
			    }
		        #Page #PageContent-Inner {
		        }
			    
			        #Page #PageContent #Primary {
			        }
		            #Page #PageContent #Primary-Inner {
		            }

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

			            #Page #PageContent #Primary #SubArticles {
			            }

			        #Page #PageContent #Secondary {
			        }
		            #Page #PageContent #Secondary-Inner {
		            }
        				
			            #Page #PageContent #Secondary #SecondaryContent {
			            }
			
			#Tertiary {
			}
		    #Tertiary #Tertiary-Inner {
		    }

/* ########################################################
   FOOTER 
   ######################################################## */

/*	#Footer {
	    position: relative;
	    clear: both;
	    width: 100%;
	    height: 82px;
	    
	    color: #76a8e3;
	    font-size: 91.7%;
	}
	#Footer-Inner {
	    width:944px;
	    padding: 16px 20px;
	    float: left;
	}

			#Footer a {
			}

			    #Footer a:link {
			        color: #76a8e3;
			        text-decoration: none;
			    }

			    #Footer a:visited {
			        color: #76a8e3;
			        text-decoration: none;
			    }

			    #Footer a:hover {
	                color: #269E9C;
			        text-decoration: underline;
			    }

			    #Footer a:active {
			    }

			#Footer ul {
			    margin: 0;
			    padding: 0;
			}

			    #Footer ul li {
			        /*position: relative;/*
			        float: left;
			        
			        list-style: none;
			    }
			    
			    #Footer ul li a {
			        font-weight: bold;
			        border-left: 1px solid;
			        padding: 0 0.75em;
			    }

			    #Footer ul li.first a {
			        border: 0;
			        padding-left: 0;
                }
                
		#Footer #FooterMenu {
		    position: relative;
		    /*clear: both;*
		    float: right;
            font-size: 10px;
		}
                
		#Footer #Rights {
		    float: left;
		    /*clear: both;*
		    color: #4276b0;
		}

		#Footer #Credits {
		    float: left;
		    clear: left;
		    width: 100%;
		}
            #Footer #Credits a{
		        color: #4276b0;
		    }*/