/* GENERAL LAYOUT */

body {
	margin: 0px;
	padding: 0px;
	background-color: #7F321E;	
	text-align: center; /* IE center bug */
}
div#wrapper {
	background-image: url(images/page-frame-bg.gif); 
	background-position: 50%; 
	background-repeat: repeat-y;
	width: 1001px;
	margin: 0px auto;
}
div#topPage {
	background-image: url(images/top-image.gif);
	background-position: 50% top;
	background-repeat: no-repeat;
	height: 28px;
}
div#pageFrame {padding: 0px 34px 10px 33px;text-align: left;}

div#bottomPage {
	clear: both;
	background-image: url(images/bottom-image.gif);
	background-position: 50% bottom;
	background-repeat: no-repeat; 
	padding: 0px 34px 26px 33px;
	text-align: left;
}

/* TOP AREA */

div#logoFrame {background-color: #AB3719; border: 1px solid #7F321E;}
div#logoFrame h2 {position: absolute; z-index: -1;}
div#underLogo {background-color: #E0D4A9; border: 1px solid #CDC29A; padding-top: 3px;}
div.navBarFrame {/*height: 30px;  prevent collapse ? */}

/* MIDDLE AREA */

#middleFrame {margin: 15px 222px 0px 222px;}
#middleContent {width: 100%;}
div#boxes1Frame {/*position: absolute;left: 33px;top: 107px;*/ margin-top: 5px; float: left; width: 208px;}
div#boxes2Frame {/*position: absolute;right: 34px;top: 110px;*/ float: right; margin-top: 5px; width: 208px;} 

/* FOOTER AREA */

#footer {background-color: #AB3719; color: #F6F1D8; border: 1px solid #7F321E; font-size: 10px; padding: 1px 4px 4px 4px;}
#footer a {color: #F6F1D8;}