/* 
	this file sets the general layout of the page
	
	light green: 74AE2C
	dark green: 3C8620
	text head green: 165829
	text grey: 666666
	
*/
	
/* basic structure ====================== */
html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* ===== head ===== */
#head-framing { 
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
	background: #221281;
} 

#head {
	position: relative;
	margin: 0px auto;
	width: 770px;
	text-align: center;
	background: #f58418;
}
#headpopup {
	position: relative;
	margin: 0px auto;
	width: 450px;
	text-align: center;
	background: #f58418;
}
#head-banner {
	position: relative;
	text-align: left;
	border-top: 20px solid #221281;
}

#head-1 {
	position: relative;
	width: 770px;
	margin: 0px auto;
	padding: 6px 0px;
	background: #FFF;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	height: 18px;
}

/* ===== main ===== */

#main-framing { 
	text-align: center;
	margin-top: 0px;
	background: #221281;
} 

#main { 
	position: relative;
	width: 770px;
	margin: 0px auto;
	text-align: left;
	background: #f58418;
	padding-bottom: 20px;
}
 
#subnav {
	position: relative;
	width: 770px;
	margin: 0px auto;
	padding: 6px 0px;
	background: #74AE2C;
	height: 18px;
	text-align: left;
}

#main-1 { 
	float: left;
	width: 365px;
	margin: 0px;
}

#main-1a {
	margin: 0px;
	padding: 0px 20px;
}

#main-2 {
	width: 355px;
	float: right;
	text-align: right;
	margin: 0px;
}

#main-2a {
	margin: 0px;
	text-align: left;
	padding: 20px;
}

#main-3 {
	width: 770px;
	margin: 0px;
	padding: 0px auto;
	text-align: center;
	
}

#main-3a {
	text-align: left;
}

#main-3b {
	float: left;
}

/* ===== foot ===== */
#foot-framing { 
	margin: 0px;
	text-align: center;
	width: 100%;
	background: #221281;
}

#foot {
	width: 770px;
	margin: 0px auto;
	text-align: center;
	background: #f58418;
	border-bottom: 20px solid #221281;
}

#foot-credits {
	padding: 5px 10px;
}