/* Main page positioning and layout for the Kanakuk Kamps website. */

* { position: relative; }
.spacer { height: 1px; font-size: 1px; line-height: 1px; /* Hack to deal with spacing errors */ }
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }

/* commented backslash hack (comments next line out for Mac-IE5) \*/ 
html, body{ height:100%; }
/* end hack */
body {
	margin: 0; padding: 0;
	text-align: center; /* Centering hack for IE */
	min-width: 788px;
	background: #144774 url(images/Page/bgFullChecker.gif) repeat-y top center; }

#bgTStripe { /* Top blue stripe */
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 7px;
	font-size: 6px; line-height: 6px;	/* Height hack for IE */
	background: #2164AA url(images/Page/bgTopStripe.gif) repeat-y top center; }
	
#bgMStripe { /* Main background stripe */
	position: absolute; top: 126px; left: 0;
	width: 100%; height: 39px;
	background: transparent url(images/Page/bgFullStripe.gif) no-repeat top center; }

#flashTopNav { /* Top Navigation Flash */
	position: absolute;
	top: 0; left: -7px;
	height: 58px; }
	
#flashMovie { /* Top Flash Movie */
	position: absolute;
	top: 53px; left: 3px;
	height: 211px; }
	
#flashGlow { /* Glow below flash movie */
	position: absolute;
	top: 264px; left: 3px;
	width: 759px; height: 14px;
	background: transparent url(images/Page/flashGlow.gif) no-repeat top center; }

#pageBody {
	text-align: left;
	width: 765px; min-height: 100%;
	margin: 0 auto; 
	background: transparent url(images/Page/bgContent.gif) repeat-y top center; }
* html #pageBody { height: 100%; }

form { margin: 5px 3px; padding: 0; /* Form sets margins for content area */ }
#topSpacer { height: 264px; /* Pads content area to prevent header overlap */ }
#footerSpacer { height: 132px; /* Pads content area to prevent footer overlap */ }

#pageFooter { 
	margin: -132px auto 0 auto; padding-top: 15px;
	width: 779px; height: 117px;
	background: transparent url(images/Page/footerTop.gif) no-repeat top center; }
* html #pageFooter { height: 132px; he\ight: 117px; }
.FooterText { 
	padding: 20px; min-height: 77px;
	background: #124C81 url(images/Page/ftGrad.gif) repeat-x top center; }
* html .FooterText { height: 117px; he\ight: 77px; }

#cbMain { float: left; margin-left: 1px;}
#divNav { float: left; margin-left: 3px; }

/* Enforce z-indexing */
#bgTStripe		{ z-index: 1; }
#bgMStripe		{ z-index: 1; }
#flashTopNav	{ z-index: 4; }
#flashMovie		{ z-index: 4; }
#pageBody		{ z-index: 2; }
#pageFooter		{ z-index: 4; }