/*------------------------------
	    Homepage Custom
------------------------------*/
#main_container #sub_container #backlight{
	position:relative;
	float:left;
	background: url("../images/promotion_backlight.png") repeat-x;
	width:510px;
	height:30px;
	margin:-27px 0 0 0;
	padding-left:10px;
	font-size:22px;
	color: #c20e0f;
	cursor:pointer;
	z-index:1003;
}

#main_container #sub_container #top{
	clear:both;
	float:left;
	width:960px;
}


/*------------------------------
	   Headlines for Home 
------------------------------*/
#main_container #sub_container #top #crazy_shit {
	clear:both;
	float:left;
	width:520px;
	padding-top:15px;
	padding-left:10px;
}

#main_container #sub_container #top #crazy_shit #headlines {
	float:left;
	background-color:#FFF;
	width:520px;
	height:190px;
}

#main_container #sub_container #top #crazy_shit #headlines .head_image {
	float:left;
	width:520px;
	height:190px;
}

#main_container #sub_container #top #crazy_shit #headlines .head_text {
	float:left;
	width:520px;
	height:30px;
}


/*------------------------------
   The actual number rotation
------------------------------*/
#main_container #sub_container #top #crazy_shit #controller {
	position:relative;
	float:right;
	margin:0 10px 0 0;
	color:#ae2f1c;
	line-height:17px;
	z-index:1010;
	margin-top:-22px;

}

#main_container #sub_container #top #crazy_shit #controller .jFlowPrev, .jFlowNext {	
	display:none;
}

#main_container #sub_container #top #crazy_shit #controller .jFlowControl{
	position:relative;
	background-color:#5f91bc;
	color:#FFF;
	height:30px;
	width:30px;
	padding:2px 4px 2px 4px;
	margin-left:5px;
}

#main_container #sub_container #top #crazy_shit #controller .jFlowControl:hover{
	background-color:#e6c240;
	cursor:pointer;
}

#main_container #sub_container #top #crazy_shit #controller span.jFlowSelected { 
	background:#ae2f1c;
}   









#main_container #sub_container #top #zangle{
	float:left;
	width:210px;
	padding-left:10px;
	padding-top:10px;
}

.no_bottom{
	padding-bottom:5px;
	padding-top:5px;
	width:100px;
}



#main_container #sub_container #top #transparency{
	float:left;
	width:155px;
	padding-top:35px;
}




#main_container #sub_container #bottom{
	clear:left;
	width:950px;
}

#main_container #sub_container #bottom #kids_container{
	position:relative;
	float:right;
	left:20px;
	top:15px;
	width:312px;
	height:157px;
	border: 2px #d9d7c0 solid;
}

		/*------------------------------
			    Upcoming Events
		------------------------------*/
		#main_container #sub_container #bottom #events{
			float:left;
			width:285px;
			padding:25px 0 10px 20px;
			
		}
		
		#main_container #sub_container #bottom #events #head_events{
			background: url("../images/header_bg.jpg") no-repeat;
			width:278px;
			height:40px;
			padding:5px 0 5px 15px;
			text-transform:uppercase;
		}
		
		#main_container #sub_container #bottom #events .event_container{
			clear:left;
			width:275px;
			padding:0 0 0 5px;
		}
		
		#main_container #sub_container #bottom #events .event_container .event_date{
			float:left;
			width:50px;
			height:70px;
			padding-top:2px;
			font-size:15px;
			background: url("../images/cal.jpg") no-repeat top left;	
		}
		
		#main_container #sub_container #bottom #events .event_container .event_date .month{
			font-size:10px;
			width:50px;
			font-weight:bold;
			padding:5px 0 0 4px;
			color:#FFF;
		}
		
		#main_container #sub_container #bottom #events .event_container .event_date .day{
			font-size:20px;
			height:50px;
			width:50px;
			text-align:center;
			color:#000;
			font-weight:bold;
		}
		
		
		#main_container #sub_container #bottom #events .event_container .event_desc{
			float:left;
			width:115px;
			min-height:50px;
			padding-top:5px;
			padding-bottom:5px;
		}
		
		#main_container #sub_container #bottom #events .event_container .event_name{
			clear:left;
			width:190px;
			padding-left:15px;
			padding-bottom:4px;
		}
		
		
		#main_container #sub_container #bottom #events #view_all_events{
			clear:left;
			width:275px;
			text-align:right;
			padding:0 0 0 0;
		}
		
		
		
		/*------------------------------
			    Latest News
		------------------------------*/
		#main_container #sub_container #bottom #news{
			float:left;
			width:275px;
			padding:25px 0 10px 40px;
			
		}
		
		#main_container #sub_container #bottom #news #head_news{
			background: url("../images/header_bg.jpg") no-repeat;
			width:260px;
			height:40px;
			padding:5px 0 10px 15px;
			text-transform:uppercase;
		}
		
		#main_container #sub_container #bottom #news .news_container{
			clear:both;
			padding:0 0 20px 5px;
			width:275px;
		}
		
		#main_container #sub_container #bottom #news .news_container .news_title{
			clear:both;
			width:245px;
			text-decoration:none;
			text-transform:none;			
		}
		
		#main_container #sub_container #bottom #news .news_container .news_content{
			clear:both;
			width:275px;
			
		}
		
		#main_container #sub_container #bottom #news #view_all_news{
			width:275px;
			text-align:right;
			padding:8px 0 0 0;
		}



/*---------------------------------
		Extra Settings
---------------------------------*/
#main_container #teacher_connect{
	width:285px;
	height:98px;
	position:relative;
	float:left;
	margin:-5px 0 0 30px;
	padding:5px 0 0 0;
}

#main_container #teacher_connect a{
	font-size:20px;
}

#main_container #paper{
	background: url("../images/paper.png") no-repeat;
	width:260px;
	height:250px;
	position:relative;
	float:right;
	margin:-60px 40px 0 0;
	text-align:center;
}

#main_container #paper:hover{
	cursor:pointer;
}

#main_container #paper h3{
	padding:0 0 5px 0;
	margin:0;
	font-size:18px;
	color: #c20e0f;
	font-weight:bold;
}

#main_container #paper #paper_one{
	margin:85px 0 5px 0;
}

#main_container #paper #paper_two{
	margin:0 0 5px 0;
}

#footer {
	position:relative;
	width:300px;
	text-align:center;
	font-size:10px;
	color:#838383;
}
#footer a{
	color:#838383;
	text-decoration:none;
}


#footer a:hover{
	color:#c20e0f;
}