/*PAGE LAYOUT*/
/*tested in:
FF 3.5x,
FF 3.0x,
FF 2.x,
IE 8,
IE 7,
IE 6 (layout stays fixed in IE6),
Opera 10.10,
Safari 4.x
*/

body {
	text-align:center;
}
div {
	zoom:1; /*fixes float issue*/
	clear:both; /*helps with clean floating*/
}
/*main page containers*/
#hd.page-head,
#bd.page-body,
#ft.page-foot {
	clear:both;
	float:none;
	text-align:left;
	min-width:774px; /*adjust your page width*/
	max-width:960px;
	_width:960px; /*fixed width for IE6*/
	position:relative;
	margin:auto;
}
/*classes to go after .page-body*/
.lyt-1col, /*one col*/
.lyt-2col-a, /*2 col, small left, big right*/
.lyt-2col-b, /*2 col, big left, small right*/
.lyt-2col-c, /*2 col, 50/50 */
.lyt-3col /*3 col, small left, big middle, small right */ {
	position:relative;
}

/*one col, fluid width*/
.lyt-1col .col-a {
	width:100%;
	margin-left:0;
	margin-right:0;
}

/*2 col with large fluid right*/ /*left col*/
.lyt-2col-a .col-a {
	clear:right;
	float:left;
	width:280px;
	text-align:left;
}
/*right col*/
.lyt-2col-a .col-b {
	clear:right;
	float:left;
	margin-left:-280px;
	min-width:424px;
	width:100%;
	position:relative;
	text-align:left;
}
.lyt-2col-a .col-b .mod {
	margin-left:290px;
}
/*2col, large fluid left - default sizes for lrec*/ 
/*left col*/
.lyt-2col-b .col-a {
	clear:right;
	float:left;
	text-align:left;
	position:relative;
	min-width:354px;
	width:100%;
}
.lyt-2col-b .col-a .mod {
	margin-right:340px;
}
/*right col*/
.lyt-2col-b .col-b {
	clear:right;
	float:left;
	width:330px;
	position:relative;
	margin-left:-330px;
	text-align:left;
}
/*2col, 50/50*/
/*left col*/
.lyt-2col-c .col-a {
	clear:right;
	float:left;
	text-align:left;
	position:relative;
	min-width:475px;
	width:100%;
}
.lyt-2col-c .col-a .mod {
	margin-right:485px;
}
/*right col*/
.lyt-2col-c .col-b {
	clear:right;
	float:left;
	width:475px;
	position:relative;
	margin-left:-475px;
	text-align:left;
}
/*3col, large fluid center*/
.lyt-3col .col-a {
	clear:right;
	float:left;
	width:190px;
	margin-right:10px;
	text-align:left;
}
.lyt-3col .col-bc {
	clear:right;
	float:left;
	margin-left:-200px;
	min-width:526px;
	width:100%;
	position:relative;
	text-align:left;
}
.lyt-3col .col-bc .col-b {
	clear:right;
	float:left;
	text-align:left;
	margin:0;
	min-width:430px;
	width:100%;
	position:relative;
}
.lyt-3col .col-bc .col-b .mod {
	margin-left:200px;
	margin-right:340px;
}
.lyt-3col .col-bc .col-c {
	clear:right;
	float:left;
	width:330px;
	position:relative;
	margin-left:-330px;
}
.lyt-3col .col-bc .lyt-1col .col-a { /*spans 2 columns*/
	clear:both;
	float:none;
	width:auto;
	margin:0;
	min-width:auto;
}
.lyt-3col .col-bc .lyt-1col .col-a .mod {
	margin-left:200px;
	margin-right:0;
}
.lyt-3col .col-bc .lyt-2col-a .col-b {
	min-width:365px;
}
/*make the layering happy*/
.col-a,
.col-b,
.col-c,
.col-bc {
	position:relative;
}
.col-a,
.col-bc {
	z-index:1;
	*z-index:0;
}
.lyt-3col .col-a,
.lyt-2col-b .col-a .mod {
	z-index:2;
}
.lyt-2col-b .col-b .mod {
	z-index:3;
}
/*module defaults*/
.mod {
	float:none;
	margin-bottom:10px;
	position:relative;
}
/*END LAYOUT*/