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

body {
    background: #ffffff url('./images/header/3800_MCW_website_final_home_pics_1st.jpg') top center no-repeat;
}
body.default1Body {
        background: #ffffff url('./images/header/3800_MCW_website_final_home_pics_1st.jpg') top center no-repeat;
}
body.default2Body {
        background: #ffffff url('./images/header/3800_MCW_website_final_home_pics_2nd.jpg') top center no-repeat;
}
body.default3Body {
        background: #ffffff url('./images/header/3800_MCW_website_final_home_pics_3rd.jpg') top center no-repeat;
}
body.default4Body {
        background: #ffffff url('./images/header/3800_MCW_website_final_home_pics_4th.jpg') top center no-repeat;
}
body.default5Body {
        background: #ffffff url('./images/header/3800_MCW_website_final_home_pics_5th.jpg') top center no-repeat;
}
body.default6Body {
        background: #ffffff url('./images/header/3800_MCW_website_final_home_pics_6th.jpg') top center no-repeat;
}
body.newsBody {
	background: #ffffff url('images/header/3800_MCW_website_final_news.jpg') top center no-repeat;
}

body.roadworksBody {
	background: #ffffff url('images/header/3800_MCW_website_final_roadworks.jpg') top center no-repeat;
}

body.driving-m1Body {
	background: #ffffff url('images/header/3800_MCW_website_final_driveM1.jpg') top center no-repeat;
}

body.communityBody {
	background: #ffffff url('images/header/3800_MCW_website_final_community.jpg') top center no-repeat;
}

body.environmentBody {
	background: #ffffff url('images/header/3800_MCW_website_final_enviro.jpg') top center no-repeat;
}

body.project-sectionsBody {
	background: #ffffff url('images/header/3800_MCW_website_final_project_sect.jpg') top center no-repeat;
}

body.galleryBody {
	background: #ffffff url('images/header/3800_MCW_website_final_gallery.jpg') top center no-repeat;
}

body.faqsBody {
	background: #ffffff url('images/header/3800_MCW_website_final_faq.jpg') top center no-repeat;
}

body.contactBody {
	background: #ffffff url('images/header/3800_MCW_website_final_contact.jpg') top center no-repeat;
}


#Align {
    margin-bottom: 1em;
    

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

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

	#Header {
		position: relative;
		float: left;
		z-index: 2;
		
		margin-bottom: 82px;
	}
	#Header-Inner {
	}
		
		#Header #Logo {
		    position: relative;
		    padding: 129px 0px 30px 291px;
		}

		#Header #SiteSearch {
		    position: absolute;
		    top: 270px;
		    left: 558px;
		    width: 164px; /* 178 wide */
		    padding: 7px;
		    overflow: hidden;
		    
		    color: #ffffff;
		    font-size: 11px; /* Evil! */
		    
		    background: #005DAA;
		}
		
		    #Header #SiteSearch #AdvancedSearchLink {
		        display: none;
		    }
		    
		    #Header #SiteSearch input.keywords {
		        width: 90px;
		        height: 15px;
		        
		        font-size: 91.7%;
		        
		        border: 0;
		    }
		    
		    #Header #SiteSearch input.submit {		  
		        width: 22px;
		              
		        color: #ffffff;
		        font-size: 87.5%;
		        
		        background: url('./images/texture_blue_lines.gif');
		        border: #ffffff 1px outset;
		    }
		    
		#Header #MainMenu {
		    padding: 0 24px;
		}

		#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 {
			        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 {
		}
		#Content-Inner {				
		}

			#Page {
			}
	        #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;
		float: left;
	    clear: both;
	    width: 100%;
	    
	    margin-top: 3em;
	    padding: 30px 0 20px;

        background: #ffffff url('./images/bar_colors.jpg') top center no-repeat;
	}
	#Footer-Inner {
	}
		
		#Footer #FooterMenu {
		    position: relative;
		    float: right;
		}
            
		#Footer #Rights {
		    color: #999B9E;
		    font-size: 87.5%;
		}
		
		    #Footer #Rights p {
		        margin: 0;
		    }

		#Footer #Credits {
		    margin: 2em 0;
		    width: 100%;
		    color: #999B9E;
		    font-size: 87.5%;
		    text-align: center;
		}

div#SubArticles div.article div.thumbnail {
	margin: 30px 0 0;
}
div#SubArticles div.article div.text h3.title {
	margin: 3px 0 0;
}

/*OMV driving simulator*/
div#OMVContent  {
 float: left;   
 clear: left;
}
p.OMVcontact {
    float: left;
    width: 100%;
}
div.OMVInstructions {
    clear: left;
    float: left;
    width: 100%;
}