@charset "utf-8";
/* CSS Document */

body {
	text-align: center;
	background: white url(../img/bg.png) repeat-x fixed left top;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Myriad Pro',Myriad,Arial,sans-serif;
	color: #5a5a5b;
}

a:link,
a:visited {
	color: #28aae4;
}
a:hover,
a:active {
	color: #ff9a24;
	text-decoration: underline;
}

p {
	margin-bottom: 1em;
}

#content ul {
    margin: 0 0 1em 12px;
}

	div#flare {
		width: 100%;
		height: 100%;
		background: url(../img/bg-flare.jpg) no-repeat fixed center top;
	}
	
	div#wrapper {
		width: 858px;
		margin: 0 auto;
		padding: 0 20px;
		text-align: left;
	}
	
		div#header {
			position: relative;
			z-index: 0;
			width: 858px;
			height: 133px;
		}
		
			div#header h1 span {
				position: absolute;
				z-index: inherit;
				left: 0;
				top: 43px;
				background: url(../img/logo.png) no-repeat left top;
			}
				div#header h1 span,
				div#header h1 span a {
					display: block;
					width: 343px;
					height: 58px;
				}
				div#header h1 span a {
					text-indent: -99999px;
				}
				
			div#header ul#auxNav {
				position: absolute;
				z-index: inherit;
				right: 227px;
				top: 40px;
				height: 34px;
			}
			
				div#header ul#auxNav li {
					float: left;
					margin-left: 12px; 
				}
					div#header ul#auxNav li,
					div#header ul#auxNav li a {
						display: block;
						width: 97px;
						height: 34px;
					}
					div#header ul#auxNav li#auxContact, div#header ul#auxNav li#auxContact a { width: 113px; }
					div#header ul#auxNav li a {
						text-indent: -99999px;
						background: url(../img/aux-sprite.png) no-repeat left top;
					}
						div#header ul#auxNav li a:hover { background-position: 0 -34px; }
						div#header ul#auxNav li#auxContact a { background-position: -97px 0; }
						div#header ul#auxNav li#auxContact a:hover { background-position: -97px -34px; }
						
		div#main {
			width: 858px;
			margin-bottom: 18px;
		}
		
			div#nav {
				float: left;
				width: 206px;
				padding-top: 4px;
				background: url(../img/nav-hi.png) no-repeat left top;
			}
			
				ul#mainNav {
					width: 206px;
					padding-bottom: 4px;
                    margin-left: 0;
					background: url(../img/nav-lo.png) no-repeat left bottom;
				}
				
					ul#mainNav li {
						display: block;
						background-color: #f0f7ff;
						border: solid 1px #d9eeff;
						border-top: none;
					}
					ul#mainNav li#navPrincipal {
						border-bottom: none;
					}
					ul#mainNav li.active {
						background-color: #ffffff;
					}
				
						ul#mainNav li a {
							display: block;
							font-size: 18px;
							line-height: 18px;
							font-weight: bold;
							letter-spacing: -1px;
							color: #4f4f4f;
							text-decoration: none;
							padding: 9px 0 9px 42px;
							background: url(../img/nav-sprite.png) no-repeat 6px 0;
						}
						ul#mainNav li a:hover,
						ul#mainNav li.active a { background-position: 6px -36px; }
						ul#mainNav li#navAcademics a { background-position: 6px -72px; }
						ul#mainNav li#navAcademics a:hover,
						ul#mainNav li#navAcademics.active a { background-position: 6px -108px; }
						ul#mainNav li#navCalendars a { background-position: 6px -144px; }
						ul#mainNav li#navCalendars a:hover,
						ul#mainNav li#navCalendars.active a { background-position: 6px -180px; }
						ul#mainNav li#navClassrooms a { background-position: 6px -216px; }
						ul#mainNav li#navClassrooms a:hover,
						ul#mainNav li#navClassrooms.active a { background-position: 6px -252px; }
						ul#mainNav li#navParents a { background-position: 6px -288px; }
						ul#mainNav li#navParents a:hover,
						ul#mainNav li#navParents.active a { background-position: 6px -324px; }
						ul#mainNav li#navInfo a { background-position: 6px -360px; }
						ul#mainNav li#navInfo a:hover,
						ul#mainNav li#navInfo.active a { background-position: 6px -396px; }
						ul#mainNav li#navActivities a { background-position: 6px -432px; }
						ul#mainNav li#navActivities a:hover,
						ul#mainNav li#navActivities.active a { background-position: 6px -468px; }
						ul#mainNav li#navPrincipal a { background-position: 6px -504px; }
						ul#mainNav li#navPrincipal a:hover,
						ul#mainNav li#navPrincipal.active a { background-position: 6px -540px; }
						
						ul#mainNav li ul {
							padding-bottom: 0;
							background: none;
						}
						
							ul#mainNav li ul li {
								display: block;
								background-color: #ffffff;
								border: none;
							}

								ul#mainNav li ul li a {
									display: block;
									font-size: 12px;
									line-height: 12px;
									font-weight: normal;
									letter-spacing: 0;
									color: #7b7b7b;
									text-decoration: none;
									padding: 0 0 6px 42px;
									background: none;
								}
								ul#mainNav li ul li a:hover,
								ul#mainNav li ul li.active a {
									color: #ffa73f;
								}

			#home div#content {
				float: right;
				width: 632px;
			}
			
				#home div#content div#homeBanner {
					position: relative;
					width: 632px;
					height: 330px;
					margin: -23px 0 14px 0;
					background: url(../img/home-banner.png) no-repeat left top;
				}

					#home div#content div#homeBanner p {
						position: absolute;
						left: 28px;
						top: 230px;
						width: 576px;
						margin: 0;
						font-size: 14px;
						line-height: 20px;
					}
					
				#home div#content div.homeBlock {
					position: relative;
					float: left;
					width: 311px;
					height: 124px;
				}
				#home div#content div#homeSpiritual {
					width: 313px;
					margin: 0 0 6px -2px;
					background: url(../img/home-spiritual.png) no-repeat left top;
				}
				#home div#content div#homeAcademics {
					float: right;
					margin-bottom: 6px;
					background: url(../img/home-academics.png) no-repeat left top;
				}
				#home div#content div#homeService {
					background: url(../img/home-service.png) no-repeat left top;
				}
				#home div#content div#homeLearning {
					float: right;
					width: 315px;
					background: url(../img/home-learning.png) no-repeat left top;
				}

					#home div#content div.homeBlock h2 {
						text-indent: -99999px;
					}

					#home div#content div.homeBlock p {
						position: absolute;
						z-index: inherit;
						left: 115px;
						top: 29px;
						width: 184px;
						font-size: 12px;
						line-height: 16px;
						color: #ffffff;
					}
					#home div#content div#homeSpiritual p { left: 117px; top: 29px; }
					#home div#content div#homeLearning p { left: 119px; top: 29px; }
					
					#home div#content div.homeBlock a.homeBtn {
						position: absolute;
						z-index: inherit;
						left: 205px;
						top: 87px;
						display: block;
						width: 94px;
						height: 25px;
						text-indent: -99999px;
					}
					#home div#content div#homeSpiritual a.homeBtn { left: 207px; top: 87px; }
					#home div#content div#homeLearning a.homeBtn { left: 209px; top: 87px; }

		#page div#contentHi {
			float: right;
			width: 632px;
			padding-top: 5px;
			background: url(../img/content-top.png) no-repeat left top;
		}
		#page div#contentLo {
			width: 632px;
			padding-bottom: 5px;
			background: url(../img/content-bottom.png) no-repeat left bottom;
		}
		#page div#content {
			width: 608px;
			padding: 4px 11px 14px 11px;
			background: #ffffff url(../img/content-fade.png) no-repeat left bottom;
			border-left: solid 1px #d9eeff;
			border-right: solid 1px #d9eeff;
		}

			/*#page div#content h2 {
				width: 607px;
				height: 83px;
				margin-bottom: 12px;
				text-indent: -99999px;
			}*/
			#page div#content h2#classrooms { background: url(../img/header-classrooms.png) no-repeat left top; }

			#page div#content div.block {
				width: 607px;
				background: #f0f7ff url(../img/block-top.gif) no-repeat left top;
			}
			
				#page div#content div.block p {
					margin: 0;
					padding: 19px 16px 19px 16px;
					font-size: 14px;
					line-height: 20px;
					background: url(../img/block-bottom.gif) no-repeat left bottom;
				}
					#page div#content div.block p strong {
						color: #28aae4;
					}

		div#footer {
			position: relative;
			width: 852px;
			height: 169px;
			padding: 3px 0 3px 6px;
			margin-bottom: 40px;
			border-top: solid 2px #c4dbeb;
			border-bottom: solid 2px #c4dbeb;
			background: url(../img/foot-left.png) no-repeat left center;
			font-size: 12px;
			line-height: 18px;
			color: #4f4f4f;
		}
		div#footCap {
			width: 846px;
			height: 169px;
			padding-right: 6px;
			background: url(../img/foot-right.png) no-repeat right center;
		}
		
			div#footer h2 {
				font-size: 18px;
				line-height: 18px;
				color: #0089b5;
				margin-bottom: 4px;
			}
			
			div#footer div#footContact {
				width: 127px;
				height: 133px;
				padding: 19px 704px 15px 15px;
				background-color: #f0f7ff;
				border-top: solid 1px #d9eeff;
				border-bottom: solid 1px #d9eeff;
			}

			div#footer div#footNews {
				position: absolute;
				left: 408px;
				top: 4px;
				width: 406px;
				height: 133px;
				padding: 19px 20px 15px 20px;
				border-left: solid 1px #d9eeff;
			}
			
			div#footer div#footResources {
				height: 149px;
				position: absolute;
				left: 648px;
				left: 168px;
				top: 4px;
				padding: 19px 0 0 20px;
				border-left: solid 1px #d9eeff;
			}

				div#footer div#footResources a:link,
				div#footer div#footResources a:visited {
					
				}
				div#footer div#footResources a:hover,
				div#footer div#footResources a:active {
					color: #ff9a24;
					text-decoration: underline;
				}


			div#footer div#footResources ul, div#footer div#footNews ul {
				padding-left:0px;
				margin-left:0px;
			}
			
				div#footer div#footResources ul li {
					margin-bottom:5px;
				}

			

/* ClearFix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

#content h1{
font-family: 'Myriad Pro',Myriad,Arial,sans-serif;
font-size:24px;
color:#0089b5;
padding-bottom:18px;
}

#content h2{
font-family: 'Myriad Pro',Myriad,Arial,sans-serif;
font-size:16px;
color:#28aae4;
padding-bottom:16px;
}

#content h3{
font-family: 'Myriad Pro',Myriad,Arial,sans-serif;
font-size:14px;
color:#28aae4;
line-height:15px;
margin:0;
padding:0;
}

#content h4{
font-family: 'Myriad Pro',Myriad,Arial,sans-serif;
font-size:16px;
color:#28aae4;
line-height:15px;
margin:0;
padding-bottom:16px;
}

#content h5{
font-family: 'Myriad Pro',Myriad,Arial,sans-serif;
font-size:14px;
color:#28aae4;
line-height:15px;
margin:0;
padding:0;
}

#content h6{
font-family:'Myriad Pro',Myriad,Arial,sans-serif;
font-size:13px;
line-height:17px;
margin-top:-15px;
margin-bottom:10px;
}

#content p, #content ul, #content ol, #content ol li, #content ul li, #content td{
font-family:'Myriad Pro',Myriad,Arial,sans-serif;
font-size:12px;
line-height:17px;
}

#content table tbody tr td{
font-family:'Myriad Pro',Myriad,Arial,sans-serif;
font-size:12px;
line-height:17px;
}

#content table td {
	padding:5px 0px;
}

#content ol, ul {
	margin-left:20px;
}
 
#mission_statement{
    margin: 30px 0 0;
    width: 206px;
	height:146px;
    background: transparent url(../img/mission-textured.png) no-repeat top center;

}

#mission_statement_body{
    width: 206px;
    margin:0;
}

#mission_statement p {
    padding: 0 12px 12px;
    font-size: 14px;
    color: white;
    line-height: 1.12em;
    margin: 0;
}

#mission_statement h3 {
    padding: 4px 12px 6px;
    font-size: 16px;
}

.ms_img {
height: 5px;
margin: 0;
padding: 0;
}

#classroom_welcome{
	margin-bottom:20px;
	background:transparent url(../img/blue_center.gif) repeat-y 0 0;
}

	#classroom_welcome h1{
		padding:0px 0 0 10px;
	}
	
p .emphasis {color: #0089b5; font-weight: bold;}
p .orange {color: #ff9a24; font-weight: bold;}


ul#news_archive {list-style: none;}
#searchform {float: right; margin: 45px 4px;}