html, body { 
	margin:0; 
	padding:0; 
	border:none; 
}
#index {
	width: 1140px;
	position:absolute;
	left:15%;
	top: 10px;
	right: 33%;
}
#container {
	width: 98%;
	position: absolute;
	left: 10px;
	margin: 0 auto;
	padding: 0;
	top: 1px;
}
#container h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-style: normal;
	font-weight: bold;
	color: #A2BE6D;
	width: auto;
	text-align: center;
}
#container h2 {
	clear: both;
	border: none;
	padding: 10;
	text-indent: 25pt;
}
#thick-col {
	width: 699px; /* switch this to left and below to right to change the column locations */
	border:none; /* remove this line to remove the border */
	position: absolute;
	top: 90px;
	left: 255px;
}
#thin-col {
	width: 229px;
	position: absolute;
	left: 11px;
	top: 90px;
	border: none; /* remove this line to remove the border */
}

/*===============footer===================*/
#footer {
	position: absolute;
	left: 25%;
	top: 740px;
	right: 33%;
	text-align: center;
	}


.footerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: lighter;
	color: #efe3c6;
	letter-spaceing: normal;
	text-align: left;
	vertical-align: baseline;
	word-spacing: normal;
	line-height:13px;
} 

/*===============boxes===================*/
.box {
	width:699px;
	min-height:512px;
	height:auto !important;
	height:512px;
	position: absolute;
	left: 150px;
	top: 160px;
	}

.box1 { 
	width: 600px;
	position: absolute;
	left: 180px;
	top: 160px;  
	}

.boxColumnA {
	width: 1024px;
	position: absolute;
	left: 250px;
	top: 90px;
	}

.boxColumnB {
	width: 298px;
	postion: absolute;
	left: 190px;
	top: 420px;
	position: absolute;
	}

.boxColumnA1 {
	width: 310px;
	position: absolute;
	left: 505px;
	top: 600px;
	}
.boxColumnB1 {
	witdth: 310px;
	position: absolute;
	left: 315px;
	top: 10px;
	margin-left: 10px;
	}
	
.boxColumnA2 {
	width: 310px;
	position: absolute;
	left: 505px;
	top: 500px;
	}