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

#all
{
	
	width:960px;
	margin:0px auto;
}
body
{
	
	background:url(images2/gradbg.png) repeat-x;
	font-family:"Trebuchet MS", Arial, SansSerif;
	color:#333;

}

#address
{
	width:740px;
	float:right;
	margin-top:-95px;
	font-family:"Trebuchet MS", Arial, SansSerif;
	font-size:13px;
	padding:0px;
}
#addressflow
{
	float:left;
	padding:8px;
}
a img
{
	border:none;
}
#btwquote
{
	background:url(images2/btwquote.png) no-repeat;
	border-bottom:dotted 1px #000000;
	border-top:dotted 1px #000000;
	width:675px;
	height:115px;
	margin-top:309px;
	margin-left:244px;
}
#wrapper2
{
	margin:0px auto;
	background:url(images2/whitebackmiddle.png) repeat-y;
	width:980px;
	height:auto;

}
#wrapper3
{
	margin:0px auto;
	background:url(images2/whitebackmiddle.png) repeat-y;
	width:980px;
}
#wrapper4
{
	margin:0px auto;
	background:url(images2/whitebackmiddle.png) repeat-y;
	width:980px;
	height:1100px;
}

#formswrapper
{
	margin:0px auto;
	background:url(images2/whitebackmiddle.png) repeat-y;
	width:980px;
	height:900px;
}

#parentswrapper
{
	margin:0px auto;
	background:url(images2/whitebackmiddle.png) repeat-y;
	width:980px;
	height:1100px;
}

#philosophywrapper
{
	margin:0px auto;
	background:url(images2/whitebackmiddle.png) repeat-y;
	width:980px;
	height:800px;
}

#staffwrapper
{
	margin:0px auto;
	background:url(images2/whitebackmiddle.png) repeat-y;
	width:980px;
	height:1100px;
}
#studentwrapper
{
	margin:0px auto;
	background:url(images2/whitebackmiddle.png) repeat-y;
	width:980px;
	height:890px;
}
#miniblog
{
	margin-left:25px;
	width:175px;
	font-family:"Trebuchet MS", Arial, SansSerif;
	border-style:solid;
	border-width:2px;
	border-color:red;
}

div.feedburnerFeedBlock {
border:2px solid #ddd;
background-color:#ffe;
padding:12px;
width:155px;
text-align:left;
margin-left:20px;
}


#goodsearch2
{
	margin:25px 0px 0px 20px;
}
#donation
{

	padding-top:-153px;
}
#kidflow
{
	float:left;
	padding:5px;
}
#spacer
{
	background:url(images2/navspacer2.png) no-repeat;
	width:204px;
	height:65px;
	float:left;
	margin:-3px 0px 0px -34px;
}


/* CSS Added by Gary for Navigation - Start Cares Mentoring
#global-nav a	{display:inline !important; height:auto !important; width:auto !important; text-indent:0 !important;}

a {}
a:link {}
a:visited {}
a:hover {}
a:active {}

#global-nav li ul a
{
	padding:10px 10px;
	cursor:pointer !important;
}

#global-nav{height:44px; position:relative; top:5px; left:175px;}
#global-nav ul{}
#global-nav ul li {float:left;}
#global-nav ul li a {display:block; height:44px; width:auto;text-indent:-9999px; cursor:pointer;}
#global-nav #home-link{width:74px;}
#global-nav #home-link:hover, #global-nav #home-link.active{background:url('images2/nav.jpg') 200px -44px;}
#global-nav #about-link{width:89px;}
#global-nav #about-link:hover,#global-nav #about-link.active{background:url('images2/nav.jpg') -274px -44px;}
#global-nav #phil-link{width:131px;}
#global-nav #phil-link:hover,#global-nav #phil-link.active{background:url('images2/nav.jpg') -363px -44px;}
#global-nav #parents-link{width:79px;}
#global-nav #parents-link:hover,#global-nav #parents-link.active{background:url('images2/nav.jpg') -494px -44px;}
#global-nav #help-link{width:135px;}
#global-nav #help-link:hover,#global-nav #help-link.active{background:url('images2/nav.jpg') -573px -44px;}
#global-nav #gallery-link{width:79px;}
#global-nav #gallery-link:hover,#global-nav #gallery-link.active{background:url('images2/nav.jpg') -708px -44px;}
#global-nav #blog-link{width:56px;}
#global-nav #blog-link:hover,#global-nav #blog-link.active{background:url('images2/nav.jpg') -787px -44px;}
#global-nav #contact-link{width:113px;}
#global-nav #contact-link:hover,#global-nav #contact-link.active{background:url('images2/nav.jpg') -843px -44px;}

/* CSS Added by Gary for Navigation - Cares Mentoring End */

/* CSS Added by Gary for Navigation - Start Scribesoft */

/* navigation */
/* The navigation works by using one image and the hover state, each ul had an A tag in it that A has a background in it moved around to show the proper background, the text is indented and the link set to block to hide the text. On hover the background img is moved up 58px to the roll over state.. behold the power of atomic fusion */
#nav ul{width:960px;}
#nav li {}
#nav a { text-indent: -999999px; overflow:hidden; display:block; height:44px;}

#navigation {width:960px; height:44px; position:relative; z-index:2; margin:0;}
#nav_home {width:60px; background:url(images2/nav.jpg) -200px 0; float:left; height:44px; margin-left: 160px; margin-top:-3px;}
#nav_home:hover, #nav_home.active {background-position:-200px -44px;}

#nav_about {width:61px; background:url(images2/nav.jpg) -279px 0; float:left; height:44px; margin-top:-3px;}
#nav_about:hover, #nav_about.active {background-position:-279px -44px;}

#nav_phil {width:105px; background:url(images2/nav.jpg) -360px 0; float:left; height:44px; margin-top:-3px;}
#nav_phil:hover, #nav_phil.active {background-position:-360px -44px;}

#nav_parents {width:69px; background:url(images2/nav.jpg) -495px 0; float:left; height:44px; margin-top:-3px;}
#nav_parents:hover, #nav_parents.active {background-position:-495px -44px;}

#nav_help {width:105px; background:url(images2/nav.jpg) -588px 0; float:left; height:44px; margin-top:-3px;}
#nav_help:hover, #nav_help.active {background-position: -588px -44px;}

#nav_gallery {width:49px; background:url(images2/nav.jpg) -719px 0; float:left; height:44px; margin-top:-3px;}
#nav_gallery:hover, #nav_gallery.active {background-position:-719px -44px;}

#nav_blog {width:48px; background:url(images2/nav.jpg) -785px 0; float:left; height:44px; margin-top:-3px;}
#nav_blog:hover, #nav_blog.active {background-position:-785px -44px;}

#nav_contact {width:109px; background:url(images2/nav.jpg) -855px 0; float:left; height:44px; margin-top:-3px;}
#nav_contact:hover, #nav_contact.active {background-position:-855px -44px;}

/* ========================================================================================================================================================================= Start index added ==================================================================================================== */

#address
{
	margin-top:-85px;
}
#btwquoteHome
{
	background:url(images2/btwquote.png) no-repeat;
	border-bottom:dotted 1px #000000;
	border-top:dotted 1px #000000;
	width:675px;
	height:115px;
	margin-top:283px;
	margin-left:244px;
}

/* ===================================================================================================================================================================== End index added ================================================================================================== */

/* ======================================================================================================================================================================= CSS for Navigation - End Scribesoft =========================================================================================== */


/* ================================================================================================================================================================== Start help page code=============================================================================================== */
#tubepic
{
	margin-left:5px;
	float:right;
	position:relative;
	top:25px;
	right:50px;
}

#helpinfo1
{
	margin-top:10px;
	padding-left:5px;
	width:340px;
	float:left;
}

#helpinfo2
{
	margin-top:20px;
	padding-left:5px;
	width:350px;
	float:right;
	position:relative;
	top:10px;
	right:35px;
}

.helplinkinfo2
{
	margin-left:15px;
	font-family:"Trebuchet MS", Arial, SansSerif;
	font-size:11px;
	margin-bottom:10px;
	line-height:20px;
}

/*==============================================================================================================================================================================
	Start of contact form
==============================================================================================================================================================================*/

#contactwrapper
{
	margin:0px auto;
	background:url(images2/whitebackmiddle.png) repeat-y;
	width:980px;
	height:750px;
	
}

#form

{
	position:relative;
	bottom:210px;
	left:-10px;
	font-size:11px;
}

#send

{
	background:url(images2/send.png) no-repeat;
	text-indent:-999px;
	width:97px;
	height:37px;
	position:relative;
	left:113px;
	cursor:pointer;
	border:none;
}

#send a

{
	text-decoration:none;
}

#contact

{

	position:relative;
	top:20px;
	left:-350px;
	font-size:11px;
	

}

#name

{

	background:url(images2/input.png) no-repeat;

	width:207px;

	height:18px;

	border:1px solid #e1e3e6;

}

#email

{

	background:url(images2/input.png) no-repeat;

	width:207px;

	height:18px;

	border:1px solid #e1e3e6;

}

#number

{

	background:url(images2/input.png) no-repeat;

	width:207px;

	height:18px;

	border:1px solid #e1e3e6;

}

#comments

{

	background:url(images2/input2.png) no-repeat;

	vertical-align:top;

	border:1px solid #e1e3e6;

	

}

#contactinfo

{

	position:relative;

	top:-10px;
	

}

#map

{
	
	position:relative;
	top:220px;
	font-family:"Trebuchet MS", Arial, SansSerif;
	font-size:11px;
}

/*==============================================================================================================================================================================
	End of contact form
==============================================================================================================================================================================*/

/* ============================================================================================================================================================= Parents page adds
========================================================= */

#photos
{
	border-bottom:dotted 1px #000000;
	margin-left:15px;
	margin-top:-20px;
	width:200px;
	
}
#sublink3
{
	border-bottom:dotted 1px #000000;
	margin-left:15px;
	margin-top:-45px;
	width:160px;
	color:#5a821d;
}
#sublink3 a
{
	color:#5a821d;
	text-decoration:none;
}
#sublink3 li
{

	display:block;
	padding:10px 10px 10px 15px;
	font-family:"Trebuchet MS", Arial, SansSerif;
	background:url(images2/greenarrow.png) no-repeat left center;
	margin-left:-20px;	
}
#sublink2
{
	margin-left:15px;
	width:160px;
	color:#5a821d;
	position:relative;
	top:-40px;
}
#sublink2 a
{
	color:#5a821d;
	text-decoration:none;
}
#sublink2 li
{

	display:block;
	padding:10px 10px 10px 15px;
	font-family:"Trebuchet MS", Arial, SansSerif;
	background:url(images2/greenarrow.png) no-repeat left center;
	margin-left:-20px;	
}
#heading2
{
	
}
#heading52
{
	font-family:"Trebuchet MS", Arial, SansSerif;
	color:#5A821D;
	font-size:20px;
	position:relative;
	top:-30px;
	left:35px;
}
#icon3
{
	margin-left:40px;

}
#main2
{
	font-size:11px;
	margin-top:40px;
	width:318px;
	position:relative;
	top:30px;
	right:100px;
	
}
#parentcontent2
{
	font-size:11px;
	float:right;
	width:318px;
	position:relative;
	right:50px;
	bottom:170px;

}
#formpic
{
	position:relative;
	left:350px;
	bottom:500px;
}
#formlist a
{
	text-decoration:none;
	color:#333;
	font-size:14px;
}
.pdfimg
{
	position:relative;
	top:18px;
}

/* ============================================================================================================================================================= Parents page end
========================================================= */


/*==============================================================================================================================================================================
	start of form page other code is in the  how to help section
==============================================================================================================================================================================*/
#clay
{
	width:275px;
	float:left;
	margin-left:-70px;
	margin-top:30px;
	
}

/*==============================================================================================================================================================================
	end of form page other code is in the  how to help section
==============================================================================================================================================================================*/

/* ===========================================================================
===========================================================================
======== Gallery ==========================================================
============================== */

#theGallery
{
	width:650; 
	height:400;
	position:relative;
	top:40x;
	left:28px;
	border:0px solid #000000;
	z-index:-2;
}
#galleryQuote
{
	margin-top:40px;
	width:671px;
	margin-left:250px;
	margin-bottom:10px;
	border-top:dotted 1px #000000;
	border-bottom:dotted 1px #000000;
	padding:3px;
}


/* =======================================================================
==========================================================================
======== End Gallery ==========================================================================
============================== */

/* =======================================================================
==========================================================================
=========== Academic Overview ===================================================================================================== */

#academics
{
	width:350px;
	height:300px;
	position:relative;
	top:70px;
	left:240px;
	padding:5px 0px 0px 0px;
}

#academics img
{
	padding-top:10px;
	padding-left:10px;
}

#overview
{
	padding-left:10px;
	width:330px;
	float:left;
	margin:20px 0px 5px 0px;
}
#AOList li
{
	display:block;
	padding:0px 5px 5px 15px;
	font-family:"Trebuchet MS", Arial, SansSerif;
	font-size:12px;
	background:url(images2/greenarrow.png) no-repeat left center;
	margin-left:-20px;	
}
#AOList
{
	color:#000000;
	position:relative;
	top:-230px;
	
}
#miniAO
{
	position:relative;
	top:-400px;
	left:140px;
	
}
#AOquote
{
	display:block;
	margin:10px 0px;
}
#AORight
{
	float:right;
	margin-top:-240px;
	position:relative;
	// top:-780px;
	right:20px;
}

/* ==========================================================================
=============================================================================
======== End Academic Overview ======================================================================================================= */

#activated
{
	color:#6e88a9;
	background:url(images2/bluearrow.png) no-repeat left center;
}

#nav2
{
	
	margin-top:-3px;
	margin-left:-10px;
	
}
#nav3
{
	margin-top:-5px;
	margin-left:-24px;
	
}

#linkhead
{
	font-family:"Trebuchet MS", Arial, SansSerif;
	font-size:20px;
	color:#3f591c;
	margin:0px 0px 20px 37px;
}
#blogHead
{
	font-family:"Trebuchet MS", Arial, SansSerif;
	font-size:20px;
	color:#3f591c;
	margin:5px 0px -10px 37px;:
}
#sublink li
{

	display:block;
	padding:10px 10px 10px 20px;
	font-family:"Trebuchet MS", Arial, SansSerif;
	background:url(images2/greenarrow.png) no-repeat left center;
	margin-left:-20px;	
}
#sublink a
{
	color:#5a821d;
	text-decoration:none;
}
#sublink
{
	border-bottom:dotted 1px #000000;
	margin-left:15px;
	width:160px;
	color:#5a821d;
	margin-top:-15px;
	
}

#icon
{
	margin-left:20px;
	border-bottom:dotted 1px #000000;
	width:175px;
}

#logo
{
	width:210px;
	height:221px;
	position:absolute;
	z-index:5;
}
#callout
{
	clear:both;
}
#goodsearch
{
	background:url(images2/goodsearch.png) no-repeat;
	width:333px;
	height:100px;
	float:right;
}
#header
{
	display:none;
}
.kids
{
	position:relative
	top:100px;
	margin-left:250px;
	margin-top:-95px;
}

ul li
{
	display:inline;
	padding:0px 10px;
}
ul 
{
	clear:both;

}
#quote
{
	float:left;
	display:none;
}
#maincontent
{
	float:left;
	margin-left:10px;
	font-family:"Trebuchet MS", Arial, SansSerif;
	font-size:20px;
	color:#59769c;
	position:relative;
	top:-15px;
}
#maincontent2
{
	float:left;
	margin:45px 10px 0px -210px;
	width:300px;
	font-family:"Trebuchet MS", Arial, SansSerif;
	font-size:15px;	
	position:relative;
	top:-15px;
}
#info2
{
	width:200px;
	float:left;
	margin-top:35px;
	margin-right:10px;
	padding-right:25px;
	border-right:dotted 1px #000000;
	
}

#homesidenav
{
	width:200px;
	float:left;
	margin-top:24px;
	margin-right:10px;
	padding-right:25px;
	border-right:dotted 1px #000000;
	
}

#contactinfo
{
	width:200px;
	float:left;
	margin-right:10px;
	padding-right:25px;
	padding-left:25px;
	border-right:dotted 1px #000000;
	
}
#philsidenav
{
	width:200px;
	float:left;
	margin-left:5px;
	margin-top:-117px;
	margin-right:10px;
	border-right:dotted 1px #000000;
	padding-right:20px;
	
}
#sidebarnav
{
	width:200px;
	float:left;
	margin-left:5px;
	margin-right:10px;
	border-right:dotted 1px #000000;
	padding-right:20px;
	margin-top:30px;
	
}
#info3
{
	width:300px;
	float:left;
	margin-top:40px;
	margin-left:-10px;
	margin-right:20px;
	padding-right:15px;
	border-right:dotted 1px #000000;
	
}
.imember
{
	float:left;
	padding:5px;
	margin-left:20px;
}
.memberinfo
{
	width:600px;
	margin-left:29px;
	font-family:"Trebuchet MS", Arial, SansSerif;
	font-size:15px;
	margin-bottom:10px;
}
.memberinfo3
{
	width:330px;
	margin-left:15px;
	font-family:"Trebuchet MS", Arial, SansSerif;
	font-size:11px;
	margin-bottom:10px;
	line-height:20px;
}
.memberinfo4
{
	width:300px;
	margin-left:15px;
	font-family:"Trebuchet MS", Arial, SansSerif;
	font-size:11px;
	margin-bottom:10px;
	margin-right:50px;
	line-height:20px;
}
#memberheading
{
	font-family:"Trebuchet MS", Arial, SansSerif;
	color:#59769c;
	margin-left:10px;
	font-size:20px;
}
#memberheading2
{
	font-family:"Trebuchet MS", Arial, SansSerif;
	color:#59769c;
	float:left;
	margin-left:300px;
	width:200px;
	
}
#heading
{
	font-family:"Trebuchet MS", Arial, SansSerif;
	color:#59769c;
	font-size:20px;
}
#heading2
{
	font-family:"Trebuchet MS", Arial, SansSerif;
	color:#5A821D;
	font-size:20px;
	position:relative;
	top:-10px;
	left:90px;
}

hr
{
	margin-left:27px;
	width:625px;
}
#icon2
{
	padding-top:25px;
	margin-left:29px;
	clear:left;

}
#other
{
	float:left;
	width:930px;

}
#other3
{
	float:left;
	width:550px;

}
#other2
{
	float:right;
	width:700px;
	padding:10px;
	margin-top:-20px;

}
#other4
{
	float:left;
	width:675px;
	padding:10px;
	margin-top:-20px;
	border-bottom:dotted 1px #000000;
}

#stefquote
{
	border-bottom:dotted 1px #000000;
	border-top:dotted 1px #000000;
	margin-top:15px;
	margin-bottom:0px;
}
#studentspic
{
	padding-left:35px;
	padding-top:35px;
	padding-bottom:15px;
	
}
#studentspic2 img
{
	padding:40px 0px 0px 8px;
}

#maya
{
	width:325px;
	float:right;
	font-family:"Trebuchet MS", Arial, SansSerif;
	font-size:11px;
	line-height:20px;
	position:relative;
	top:20px;
	right:30px;
	border:0px solid #000000;
}
#maya2
{
	float:right;
	width:670px;
	position:relative;
	top:10px;
	left:-40px;
	margin-left:-20px;
	padding:10px;
	border-bottom:dotted 1px #000000;
	
}
#info
{
	left:50px;
	float:right;
}
#philinfo
{
	font-family:"Trebuchet MS", Arial, SansSerif;
	font-size:15px;
	margin-bottom:10px;
}
.philinfo3
{
	font-family:"Trebuchet MS", Arial, SansSerif;
	font-size:11px;
	margin-bottom:10px;
	position:relative;
	top:-20px;
}
#headerleft
{
	margin:0px 0px 0px 5px;
	float:left;
}
#container
{
	width:800px;
}

#children
{
	position:relative;
	top:-25px;
	left:65px;
	margin-top:0px;
	font-family:"Trebuchet MS", Arial, SansSerif;
	margin-left:20px;
}
#children li
{
	display:block;
	background:url(images2/greenarrow.png) no-repeat top left;
	margin-left:-35px;
	padding-left:20px;
	padding-bottom:10px;
	
	
	line-height:18px;
	
}
#pic2
{
	width:300px;
	height:200px;
	margin-top:0px;
	position:relative;
	top:-30px;
	left:90px;
}
#aboutContent
{
	padding-left:10px;
	width:330px;
	float:left;
	margin:20px 0px 5px 0px;
}
#boardContent
{
	padding-left:10px;
	width:330px;
	float:left;
	margin:20px 0px 5px 0px;
}
#program
{
	padding-left:10px;
	width:330px;
	float:left;
	margin:-490px 0px 10px 250px;
	//position:relative;
	//top:0px;
	//left:0px;
}
#students
{
	padding-left:10px;
	width:310px;
	float:left;
	margin-top:20px;
}
#staff
{
	width:360px;
	float:left;
	font-family:"Trebuchet MS", Arial, SansSerif;
	font-size:11px;
	line-height:20px;
	padding-right:10px;

}
#staff3
{
	float:right;
	margin:30px 60px 5px 0px;
}

#main
{
	margin-top:5px;
	width:318px;
	height:212px;
	float:right;
}

#contactform
{
	width:318px;
	height:212px;
	float:right;
	padding-right:200px;
}

#main2{
	margin-left:350px;
	width:318px;
	height:212px;

}
#quote2
{
	margin-top:75px;
	width:671px;
	margin-left:255px;
	border-top:dotted 1px #000000;
	border-bottom:dotted 1px #000000;
	padding:3px;
}
#footer
{
	font-family:"Trebuchet MS", Arial, SansSerif;
	position:relative;
	font-size:10px;
	top:10px;
	left:35px;
	clear:both;
	width:850px;
}
#footer2
{
	background:url(images2/footer.png) no-repeat;
	height:65px;
	width:980px;
	clear:both;
}

#parentsfooter
{
	background:url(images2/footer.png) no-repeat;
	height:65px;
	width:980px;
	position:relative;
	top:-150px;
	clear:both;
	z-index:2;
}

/*
Under this line is the blog feed
*/
/*Please make pseudos match the rest*/
.feedburnerFeedBlock a:visited
{
text-decoration:none;
color: #204767;
}

.feedburnerFeedBlock a:hover
{
text-decoration:none;
color: #204767;
}
/*Pseudos end*/

.feedburnerFeedBlock
{
float:left;
margin-left:25px;
width:100px;
font-family: "Trebuchet MS", san-serif;
color: #204767;
}

.feedburnerFeedBlock a:link
{
float:left;
text-decoration:none;
color: #204767;
}

.feedburnerFeedBlock ul
{
list-style:none;
display:block;
}


/*Please replace bullets with
the custom bullets from the design*/

.feedburnFeedBlock li
{
float:left
font-size:12px;
list-style-image:url('#');
font-size:15px;
}
   
.feedTitle a
{
font-size:18px;
display:none;
color:#3c5A1E;
}