/* @override http://gtm.michaele.com.au/css/page-template.css */

/* Live editing in CSSEdit:
   To observe changes to this .css file in a live CSSEdit window, 
   include the full URL (of this .css file) within an @override command 
   (see above).
*/


  body {
	padding: 0px;
	margin: 0px;
	background-color: #dddddd;
}
 

  
/* @group Page Structure Styles */

div#centered-structure {
	width: 770px;
	margin: 50px auto;
	border: 1px solid #333333;
	background-color: #bbbbbb;
}

div#navigation-structure {
	border: 2px solid #333333;
	background-color: #ffffff;
	margin: 15px;
}

div#page-title-structure {
	border: 2px solid #333333;
	background-color: #ffffff;
	margin: 15px;
}

div#main-content-structure {
	border: 2px solid #333333;
	background-color: #ffffff;
	margin: 15px;
}

div#pagelinks-structure {
	border: 2px solid #333333;
	background-color: #ffffff;
	margin: 15px;
}

div#footer-structure {
	border: 2px solid #333333;
	background-color: #ffffff;
	margin: 15px;
}

/* @end page structure styles */



/* @group Page Title Styles */

div#page-title-region {
	border: 1px dashed #dddddd;
	margin: 10px;
}

/*	Note: Page Title Styling

	The page title is not published within any tags eg:
	<h1>Page Title</h1>
	
	To style the page title, use its containing div as a selector eg:
	<div id="page-title-region"> 
*/
	
div#page-title-region {
	font-size: 50px;
}

/* @end page title styles */


/* @group Main Content Area styles */

div#main-content-area {
	display: block;
	border: 1px dashed #dddddd;
	margin: 10px;
	padding: 1px;
}
 
div#main-content-area.with-sidepanel {
	width: 60%;
	float: left;
	margin-right: 0;
}

/* @end main content area styles */


/* @group Page Region Styles */


div#navigation-region {
	border: 1px dashed #dddddd;
	margin: 10px;
	padding: 1px;
}

div#sidepanel-region {
	display: block;
	border: 1px dashed #dddddd;
	margin: 10px;
	padding: 1px;
}


div#sidepanel-region {
	width: 35%;
	float: right;
	margin-left: 0;
	padding: 1px;
}

div#pagelinks-region {
	border: 1px dashed #dddddd;
	margin: 10px;
	padding: 1px;
}

div#footer-region {
	border: 1px dashed #dddddd;
	margin: 10px;
	padding: 1px;
}


/* @end page region styles */




/* @group CSS "clearfix" solution */


/*	Background:
	A parent div with floated child div's will collapse.
	The CSS clearfix solution is used to clear the floated children.
	Add the class "clearfix" to any parent div eg:
		<div id="parent-div" class="clearfix">
	Then include the following CSS is in a your stylesheet:
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* @end css clearfix solution */