/* THREE COLUMN LAYOUT */

* {margin:0; padding;0}
body {
	text-align:center;  /* IE6 needs this to center the layout in the browser window */
	}

#main_wrapper {
	width:1000px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */
	background:url(../images/faux_art.gif) repeat-y;
	}

#top {
	width:100%
}

#header1 {
	width:600px;
	height:300px;
	float:left;

	}
	
#header2 {
	width:400px;
	height:300px;
	float:left;
	}
	
#nav {
	
	width:100%;
	float:left;
	}

#main {
	width:100%;
	float:left;
	
	
}

#event {
	width:279px;
	float:left;
	margin:10px;
	border-right-style:inset;
	border-right-width:1px;
	border-right-color: #666;	
	}
	
#content {
	width:479px;
	float:left;
	margin:10px;
	}
#promo {
	width:180px;
	float:left;
	margin:10px;
	border-left:#666;
	border-left-style:outset;
	border-left-width:1px;
	}
	

#top_2 {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#content_2 {
	width:50%;
	float:left;
}

#promo_2 {
	width:50%;
	float:left;
	
}

#footer {
	width:100%;
	clear:both;
	}
#header_inner, #nav_inner, #main_inner, #content_inner, #promo_inner, #promo_2_inner, #content_2_inner, #event_inner, #top_2_inner, main_inner, #history_1_inner, #history_2_inner, #teacher_1_inner, #teacher_2_inner, #teacher_3_inner, #teacher_4_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#header_inner {
	padding:1em 2em;
	}

#main_inner {
	margin: 1.5em 1em 1em 1em;
}

#top_2_inner {
	padding:1em;
	}

#nav_inner {
	margin:1em .5em;
	}
	
#content_2_inner {
	padding: 3.5em 1.5em .5em .5em;
	}
	
#promo_2_inner {
	margin:2.0em 1.5em 1.5em 1.5em;
	}
	
#history_1 {
	width:480px;
	margin:10px;
	float:left;
}

#history_2 {
	width:480px;
	margin:10px;
	float:left;
}

#teacher_1 {
	width:220px;
	margin: 10px 5px 10px 5px;
	float:left;
}

#teacher_2 {
	width:360px;
	margin:10px 5px 10px 5px;
	float:left;
	background:url(../images/tchr1_bk.png);
	
}

#teacher_3 {
	width 340px;
	margin:-5px 5px 0px 5px;
	float:left;
	
}

#history_1_inner, #history_2_inner, #teacher_1_inner, #teacher_2_inner, #teacher_3_inner, #teacher_4_inner {
	padding: 1em;
}

#teacher_3 img {
	vertical-align:top;
}

#footer_inner {
	padding:.5em 10em;
	text-align:center;
	}