<!-- This is a wrapper for all of the components in the body component -->
<div id="bodyWrapper">
	<!-- ----------------------------------------------------------------------- -->
	<!-- This is the body header component for the body component -->
	<div id="bodyHeader">
		<!-- This is the logo component for the header component -->
		<div id="headerLogo"></div>
		<!-- This is the navigation component for the header component -->
		<div id="headerNavigation"></div>
		<!-- This is the breadcrumbs component for the header component -->
		<div id="headerBreadcrumbs"></div>
		<!-- This is the extras component for the header component.  Anything else
			 that needs to go in the header can go in this component -->
		<div id="headerExtras"></div>
	</div>
	<!-- ----------------------------------------------------------------------- -->

	<!-- ----------------------------------------------------------------------- -->
	<!-- This is a wrapper for the body content component for the body component -->
	<div id="bodyContentWrapper">
		<!-- This is the sidebar component for the body content wrapper; if this
			 is not needed, then do not use it -->
		<div id="sidebarContent">
			<!-- This is the navigation component for the sidebar component -->
			<div id="sidebarNavigation"></div>
			<!-- This is a widget component for the sidebar component -->
			<div id="sidebarWidget1"></div>
			<!-- This is a widget component for the sidebar component -->
			<div id="sidebarWidget2"></div>
			<!-- This is a widget component for the sidebar component -->
			<div id="sidebarWidgetn"></div>
		</div>
		<!-- This is the body content component for the sidebar component.  The
			 main content for the page goes into this component -->
		<div id="bodyContent"></div>
	</div>
	<!-- ----------------------------------------------------------------------- -->

	<!-- ----------------------------------------------------------------------- -->
	<!-- This is the body footer component for the body component -->
	<div id="bodyFooter">
		<!-- This is the left side of the body footer component.  If there is no
			 need for two components in the body footer, then the CSS can control
			 that by only using one of these and not displaying the other -->
		<div id="leftFooterContent"></div>
		<!-- This is the right side of the body footer component -->
		<div id="rightFooterContent"></div>
	</div>
	<!-- ----------------------------------------------------------------------- -->
</div>