/* -- Generic layout 1:

containerA1 - upper Lefthand navigation
containerA2 - lower Lefthand navigation
containerD  - breadcrumbs
containerB  - main content

*/

#ContentAreas {
	background-image: url(../img/css/bg_page_blue_720x1.gif);
	background-repeat: repeat-y;
}
/* -- D */
#AreaD {
	border-left: 1px solid #adc5d7;
	border-right: 1px solid #adc5d7;
	background: #fff;
}
* html #AreaD {
	height: 1%;
}
.containerD {
	padding: 0;
}
/* -- A */
#AreaA {
	float: left;
	width: 160px;
}
.containerA1 {
	padding: 20px 0 10px 19px;
	border-left: 1px solid #adc5d7;
	background-color: #fff;
	background-image: url(../img/css/bg_line_blue_1x1.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
.containerA2 {
	padding: 20px 10px 0 20px;
}
/* -- B */
#AreaB {
	margin: 0 19px 0 180px;
	padding: 0 0 20px 0;
	background: #fff;
	min-height: 300px;
}
* html #AreaB /* IE/Win, but not IE/Mac */ {
	margin: 0 19px 0 177px; /* \*/
	height: 300px; /* */
}
.containerB {
	float: right; /* !!! */
	width: 520px;
}
/* -- Footer ------------------------------------------------------------------------- */
#Footer div {
	margin: 0 0 0 160px;
}