@import url(bam-content.css);
/* @import url(menu310a.css); */
@import url(navigation-horizontal.css);
@import url(navigation-vertical.css);

html {
	height:100%;
}
body {
	text-align: center;
	background-color: #F3F1E9;
	padding: 0;
	margin: 20px 0 0 0;
	}	

#img {
	margin: 0;
	padding: 0;
	border:0;
	}

#mama {
	position: relative;
	width: 722px;
	_width: 722px;
	border: 1px solid #ccc;
	margin: auto;
	padding: 0;
	}
	
#logo {
	width: 160px;
	height: 90px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	background-color: #F4F1EC;	
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	float:left;
	}
#secondaryMenu {
	background-color: #F4F1EC;	
	height: 90px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	text-align:right;
	clear:right;	
}
#area {
	background-color: #ff0000;
	float: right;
	width: 200px;
	height: 90px;
	padding: 0;
	margin: 0;
	}
	
#banner {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	width: 722px;
	height: 180px;
	padding: 0;
	margin: 0;
	z-index: 13;
	}
	
#container {
	position: absolute;
	top:91px; /* This was 90 but should be 91 (at least in Firefox) */
	_top:91px;
	left:136px;
	background-color: #ff0000;
	width: 586px;
	height: 25px;
	padding: 0;
	margin: 0;
	z-index: 101;
	}
#maincontentwrapper {
	background:#FFF url(../img/leftbackground.png) repeat-y scroll 0 0;
	}
#left {
	background-color: #31363E;
	float: left;
	width: 135px;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	overflow: hidden;
	text-align: left;
	}
	
#white-bk {
	background-color: #fff;
	float: left;
	width: 577px;
	padding: 0;
	margin: 0 0 0 0;
	}
#center {
	background-color: #FFF;
	border-right: 1px dotted #ccc;
	text-align: left;
	float:left;
	width: 391px;
	padding: 0 20px 0 20px;
	margin: 20px 0 0 0;
	z-index: 2;
	}
	
#right {
	background-color: #fff;
	float: left;
	width: 145px;
	padding: 0;
	margin: 0 0 0 0;
	overflow: hidden;
	}
	
#footer {
	background-color: #f3f1e9;
	width: 722px;
	height: 45px;
	padding: 0;
	margin: 0 0 0 0;
	clear:both;
	border-top: 1px solid #ccc;
	}

#image1 {
	position: absolute;
	left: 0px;
	top: 91px;
	z-index: 10;
	height: 180px;
}

#image2 {
	position: absolute;
	left: 0px;
	top: 91px;
	z-index: 5;
	height: 180px;
}
.clearing {
	clear:both;
}