/*
	------------------------------------------------------
	RE-DEFINE SELECTORS
	----------------------------------------------------*/
	* {margin:0; padding:0;}
	body {
		font:68.5%/160.5% Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
		}
	h2 {margin:.2em 0 .7em; font-size:1.8em;}
		body#home-page h2 {color:#1b3f95;}
		body#aboutus-page h2 {color:#f68f1e;}
		body#calendar-page h2 {color:#e50278;}
		body#contact-page h2 {color:#6db43f;}
	h3 {margin:1.6em 0 .8em; font-size:1.2em;}
	p {
		margin:.9em 0;
		}
	img {border:0; display:block;}
	#content li {margin:.8em 30px;}

	table {
		margin:0 10px;
		}
	table td {
		width:285px;
		border-bottom:1px solid #ddd;
		}
	a:hover {text-decoration:none;}

	/*
	------------------------------------------------------
	STRUCTURE
	----------------------------------------------------*/
	#container {
		margin:20px auto;
		width:600px;
		font-size:1.2em;
		text-align:left;
		}
	#header {
		}

	/*
	------------------------------------------------------
	NAV
	----------------------------------------------------*/
	#nav {
		background-color:#6591fd;
		height:52px;
		margin-top:3px;
		}
		#nav li {
			list-style-type:none;
			float:left;
			background-color:#6591fd;
			}
		#nav a {
			text-decoration:none;
			padding:0;
			font-size:1.3em;
			line-height:48px;
			color:#fff;
			}
			#nav a span {
				padding:0 10px;
				}
		#nav-home a {
			display:block;
			width:151px;
			background:url(../img/nav_home.gif) 0 0 no-repeat;
			}
			#nav-home a:hover {
				background-image:url(../img/nav_home_hover.gif);
				}
			body#home-page #nav-home a {
				background:url(../img/nav_home_hover.gif) 0 0 no-repeat;
				}
		#nav-aboutus a {
			width:150px;
			display:block;
			background:url(../img/nav_aboutus.gif) 0 0 no-repeat;
			}
			#nav-aboutus a:hover {
				background-image:url(../img/nav_aboutus_hover.gif);
				}
			body#aboutus-page #nav-aboutus a {
				background:url(../img/nav_aboutus_hover.gif) 0 0 no-repeat;
				}
		#nav-calendar a {
			width:151px;
			display:block;
			background:url(../img/nav_calendar.gif) 0 0 no-repeat;
			}
			#nav-calendar a:hover {
				background-image:url(../img/nav_calendar_hover.gif);
				}
			body#calendar-page #nav-calendar a {
				background:url(../img/nav_calendar_hover.gif) 0 0 no-repeat;
				}
		#nav-contact a {
			width:148px;
			display:block;
			background:url(../img/nav_contact.gif) 0 0 no-repeat;
			}
			#nav-contact a:hover {
				background-image:url(../img/nav_contact_hover.gif);
				}
			body#contact-page #nav-contact a {
				background:url(../img/nav_contact_hover.gif) 0 0 no-repeat;
				}
		#mission, #navbase {
			clear:both;
			}

	/*
	------------------------------------------------------
	CONTENT
	----------------------------------------------------*/
	#content {
		margin-top:20px;
		}
	#maincol {
		float:left;
		width:450px;
		}
		body#home-page .innercol {
			float:left;
			width:220px;
			}
		body#home-page ul#features {
			margin:0;
			}
		body#home-page ul#features li {
			margin-left:16px;
			}
		body#aboutus-page #maincol, body#calendar-page #maincol {
			width:600px;
			}
			body#aboutus-page #maincol p, body#calendar-page #maincol p, body#contact-page #maincol p, 
			body#aboutus-page #content ul, body#calendar-page #content ul, body#contact-page #content ul {
				padding-left:10px;
				}
		#mc2 {
			margin:0 20px 0 10px;
			}
			#classphoto {
				position:relative;
				}
				#classphoto blockquote {
					position:absolute;
					top:0;
					left:15px;
					color:#fff;
					font-size:1.2em;
					font-weight:bold;
					width:76px;
					}
					
	#subcol {
		float:left;
		width:150px;
		}
		#sc2 {
			margin-right:10px;
			}
			a#map {
				display:block;
				margin-top:20px;
				width:140px;
				height:190px;
				background:url(../img/globe.gif) 0 0 no-repeat;
				text-decoration:none;
				}
			a#map:hover {
				background-position:0 -190px;
				}
			a#map span {visibility:hidden;}
			
			
			
			.sidebox {
				float:right;
				width:140px;
				height:1%;
				margin-left:1em;
				}
				.sb2 {
					width:140px;
					height:1%;
					margin-bottom:1em;
					}
					#home-page .sidebox {
						float:none;
						margin-top:1.5em;
						margin-left:0;
						}
					#home-page .sb2 {margin-bottom:0;}
				.sb2 p {
					border:3px solid #000;
					border-width:0 3px;
					margin:0;
					padding:0 .5em;
					line-height:1.4em;
					font-weight:normal;
					text-align:center;
					}
					.sb2 p span {font-size:1.1em; font-weight:bold;}
					.sb2 p a {text-decoration:none; color:#fff;}
					.blue p {
						border-color:#2f53a8;
						background:#6591fd;
						}
						.blue p a:hover {color:#2f53a8;}
					.orange p {
						border-color:#f68f1e;
						background:#feae57;
						}
						.orange p a:hover {color:#dd6e05;}
					.pink p {
						border-color:#e50278;
						background:#f76cb4;
						}
						.pink p a:hover {color:#c30056;}
					.green p {
						border-color:#6db43f;
						background:#85c85a;
						}
						.green p a:hover {color:#569e27;}
					div.box-top, div.box-bot {
						width:140px;
						height:8px;
						font-size:0;
						line-height:0;
						}
						.blue div.box-top {background:url(../img/sidebox_blue_top.gif) no-repeat left top;}
						.blue div.box-bot {background:url(../img/sidebox_blue_bot.gif) no-repeat left top;}
						.orange div.box-top {background:url(../img/sidebox_orange_top.gif) no-repeat left top;}
						.orange div.box-bot {background:url(../img/sidebox_orange_bot.gif) no-repeat left top;}
						.pink div.box-top {background:url(../img/sidebox_pink_top.gif) no-repeat left top;}
						.pink div.box-bot {background:url(../img/sidebox_pink_bot.gif) no-repeat left top;}
						.green div.box-top {background:url(../img/sidebox_green_top.gif) no-repeat left top;}
						.green div.box-bot {background:url(../img/sidebox_green_bot.gif) no-repeat left top;}
			
	#footer {
		clear:both;
		margin-top:2em;
		background:url(../img/footer_bar.gif) 0 25px no-repeat;
		}		
		#footer p {
			text-align:center;
			}
		#footer img.top {
			margin-left:10px;
			padding-bottom:2em;
			}								
	
	/*
	------------------------------------------------------
	CLEARFIX
	----------------------------------------------------*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}	
	.clearfix {display: inline-block;}	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */