/* April 2006 */

/* GENERAL PAGE LAYOUT STRUCTURE - BASIC SPECS FOR ALL BROWERS */

/* This document is the first in the cascade and establishes the general layout of all pages within the site. */
/* WARNING: Changes to this document can cause layout problems in various browsers across all pages of the site. */


/* General Rules ***********************************/
* {margin:0; padding:0;} /* remove all the padding and margins from every page element */
#browserWarning {display: none;} /* web standards message will be hidden from modern browsers */

/* force some divs to not collapse vertically when wrapping a float */
div.clearer {clear:left; line-height:0; height:0; margin:0; padding:0; font-size:0;}
div.clearerRight {clear:right; line-height:0; height:0; margin:0; padding:0; font-size:0;}
div.clearerBoth {clear:both; line-height:0; height:0; margin:0; padding:0; font-size:0;}

body {
	margin:0;
	padding:0;
	text-align:center;  /* center the page in IE5/Win */
	/* background: #c4841d url("../images/template/en/bgGold.gif") top center no-repeat;  */
}

body.en_CA {background: #c4841d url("../images/template/en/bgGold.gif") top center no-repeat;}
body.fr_CA {background: #c4841d url("../images/template/fr/bgGold.gif") top center no-repeat;}



/* fixed size and centering */
#pageFrame {
	width: 760px; /* was 760 */
	margin: 0 auto;
	text-align: left; /* counteract the IE5/Win page center above  */
}


/* HEADER SECTION *************************/
#header {
	overflow: hidden; /* ensure the div stretches to contain its floats */
	width: 760px; /* width or height is required by IE for the above rule to work */
	/*height: 93px;*/
}




/* CONTENT SECTION - style for a regular document by default ***********************/

#content {
	clear:both;
	background-color: #fff;
	overflow: hidden; /* ensure the div stretches to contain its floats */
	width: 760px; /* width or height is required by IE for the above rule to work */
}
#column1 {
	float:left;
	padding: 5px;
	width: 145px; /* 150px minus padding */
}
#column2 {
	/* was auto - a fix width of 424 px set by Media Box to address collapsing */
    /* except this was causing middle content to down and start at bottom of page */
    /* width changed back to auto. to fix middle content starting from bottom of page - June 3, 2007 */
	width: auto;  
	padding: 10px;
	margin-left: 150px; /* total width of left flanking column */
	/*margin-right: 305px;  total width of right flanking column - for portal page */
	margin-right: 130px; /* total width of right flanking column - for document page */	
	word-wrap: break-word;
}
#column3 {
	float:right;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
	/*width: 285px;  305px minus padding - for portal page */
	width: 140px;  /* 160 minus padding - for document page  */
}

/* redifine the columns if used for a portal */

body.portal #column2 {
	margin-right: 305px; /* total width of right flanking column - for portal page */
	width: auto;	/*this one was added on Sept. 19, 2006*/
}
body.portal #column3 {
	width: 285px; /* 305px minus padding - for portal page */
	padding: 10px; /*previous value: 5*/
}

/* redifine the columns if used for a full page layout */

body.full #column2 {
    margin-right: 11px; /* total width of right flanking column - for portal page */
}
body.full #column3 {
    width: 1px; /* 11px minus padding - for full page layout */
    padding: 10px;
}

/* FOOTER ************************************/

#footer {
	clear: left;
	overflow: hidden; /* ensure the div stretches to contain its floats */
	width: 760px; /* width or height is required by IE for the above rule to work */
	background-color:#fff;
}