body {
	padding: 6px;
	margin: 0;
	font-family: Arial, sans-serif;
	font-family: 'MS Sans Serif','Geneva',  Arial, sans-serif;
	font-size: 10pt;
	line-height:18pt; 
}

.pale, .light, .dark, #content table {
	font-family: 'MS Sans Serif','Geneva', 'MS Sans Serif', Arial, sans-serif !important;
}

#content h3, #content h4 {
	color: #F66E0A; /* orange */
	color: #297a4d; /* green2 */
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	font-family: 'Arial', sans-serif;
}

#content h4 {
	font-size: 1em;
}

#content p {
	padding: 0;
	margin: 0 0 1em 0;
}

#header {
	width: 901px;
	height: 142px;
	position: relative;
	margin: 0 auto;
	clear: both;
}

#header h1 {
	padding: 0;
	margin: 0;
	font-size: .1em;
}

#header h1 a {
	display: block;
	width: 901px;
	margin: 0 auto;
	height: 0;
	overflow: hidden;
	padding-top: 142px;
	background: url(/pics/header.png) no-repeat;
}

#header #motto {
	padding: 0;
	margin: 0;
	font-style: oblique;
	font-family: 'Arial';
	color: #108a4c;
	position: absolute;
	left: 182px;
	top: 108px;
	font-size: 15px;
}





/*  Area above header  */
#top {
	width: 549px;
	padding-left: 352px;
	margin: 0 auto;
	height: 36px;
}

#socialmedia {
	float: right;
	width: 110px;
}

#socialmedia ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#socialmedia ul li {
	float: left;
	padding: 0;
	margin: 0 0 0 6px;
	display: inline;
	list-style: none;
}

#socialmedia li a {
	display: block;
	width: 30px;
	height: 0;
	overflow: hidden;
	padding-top: 30px;
	background-repeat: no-repeat;
}

#socialmedia li#social_facebook a { background-image: url(/pics/facebook.png); }
#socialmedia li#social_twitter a { background-image: url(/pics/twitter.png); }
#socialmedia li#social_rss a { background-image: url(/pics/rss.png); }


#quicklinks {
	float: left;
	padding-top: 7px;
}

#quicklinks h2 {
	float: left;
	font-size: 12px;
	color: #808184;
	line-height: 19px;
	padding: 0 3px 0 0;
	margin: 0;
}

#quicklinks ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#quicklinks li {
	float: left;
}
#quicklinks li a span {
	float: left;
	display: block;
	color: #222;
	font-size: 11px;
	background: url(/pics/quicklink-sprite.png) no-repeat 100% 0px;
	text-decoration: none;
	height: 19px;
	line-height: 19px;
	text-align: center;
	padding: 0 12px 0 6px; /* right padding always + 6 of left to maintain centered */
}

#quicklinks li a {
	display: block;
	text-decoration: none;
	float: left;
	display: inline;
	background: url(/pics/quicklink-sprite.png) no-repeat 0px 0px;
	margin: 0 0 0 6px;
	padding: 0 0 0 6px; /* width of edge */
}

#quicklinks li a:hover {
	background-position: 0 -19px;
	cursor: pointer;
}
#quicklinks li a:hover span {
	background-position: 100% -19px;
	cursor: pointer;
}







/*  Navigation  */
ul#topnav {
	width: 901px;
	height: 43px;
	margin: 7px auto 6px auto;
	padding: 0;
	list-style: none;
}

ul#topnav li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}


ul#topnav li a, ul#topnav li span {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 43px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

ul#topnav li#topnav_home a 				{ background-image: url(/pics/topnav/home.png); width: 110px; }
ul#topnav li#topnav_leadership span 	{ background-image: url(/pics/topnav/leadership.png); width: 149px; }
ul#topnav li#topnav_innovation span 	{ background-image: url(/pics/topnav/innovation.png); width: 147px; }
ul#topnav li#topnav_schools span	 	{ background-image: url(/pics/topnav/schools.png); width: 116px; }
ul#topnav li#topnav_performance span 	{ background-image: url(/pics/topnav/performance.png); width: 165px; }
ul#topnav li#topnav_news span 			{ background-image: url(/pics/topnav/news.png); width: 214px; }

ul#topnav li:hover a, ul#topnav li.over a, ul#topnav li:hover span, ul#topnav li.over span {
	background-position: 0 -43px;
	cursor: pointer;
}


/*  Dropdowns  */
ul#topnav li:hover ul, ul#topnav li.over ul {
	background-position: 0 0; /* prevents possible sticking of dropdowns in IE7 */
	left: auto;
}

ul#topnav li ul {
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 999999;
	font-size: 10pt;
	width: 160px;
	left: -999em;
}



ul#topnav li li {
	float: none;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#topnav li li a {
	width: 148px !important;
	height: auto;
	overflow: visible;
	color: purple;
	line-height: 12px;
	padding: .4em 6px;
	line-height: 1.15em;
	margin: 0;
	background: #267347 !important;
	color: #f8fff9;
	text-decoration: none;
}

ul#topnav li li a:hover {
	background: #1c87c2 !important;
}

ul#topnav li li a:active, ul#topnav li li a:focus {
	color: #f5ce30;
}

ul#topnav li#topnav_news ul li a { width:200px!important;}

hr {
	height: 1px !important;
	background-color: #ddd;
	border: 0;
}






/*  Photo Area  */
#photoarea {
	width: 884px;
	position: relative;
}

#wrapperIndex #photoarea {
	height: 302px;
}

#wrapper #photoarea {
	height: 190px;
}

#photoarea .corners-top, #photoarea .corners-bottom {
	z-index: 999;
	width: 884px;
	height: 13px;
	display: block;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
}

#photoarea .corners-top {
	top: 0;
	background-image: url(/pics/corners-top.png);
}

#photoarea .corners-bottom {
	bottom: 0;
	background-image: url(/pics/corners-bottom.png);
}

#wrapperIndex, #wrapper {
	width: 884px;
	margin: 0 auto;
	padding: 0 8px 0 9px;
}

#wrapperIndex {
	background: url(/pics/index-gradient.png) 0 bottom repeat-x;
}

#wrapper {
	/*  overflow: auto;  */ /* enclose floats */
}
/*  Boxes  */
	/*  Generic  */
	.box {
		width: 210px;
		height: 89px;
		font-size: 9pt;
		line-height: 12pt; 
	}

	.box h3 {
		display: block;
		height: 0;
		overflow: hidden;
		padding: 0;
		margin: 0;
	}
	
	.box p {
		padding: 0;
		margin: 0;
		width: 210px; /* do NOT remove height and width; needed to give IE6 hasLayout */
		height: 89px;
	}
	
	.box a {
		display: block;
		text-decoration: none;
		color: #333;
		padding: 32px 12px 0 74px;
		width: 124px;
		height: 57px;
	}
	
	#boxes .last {
		margin-right: 0 !important;
	}
	
	#box_enroll { background-image: url(/pics/box-orange.png); }
	#box_donate { background-image: url(/pics/box-green.png); }
	#box_join   { background-image: url(/pics/box-yellow.png); }
	#box_stay { background-image: url(/pics/box-blue.png); }


	/*  Homepage Box  */
	#wrapperIndex #boxes {
		height: 89px;
		margin: 12px 0 0 0;
		padding-bottom: 14px;
	}
	#wrapperIndex .box {
		float: left;
/*  		display: inline;  */
		margin-right: 14px;
	}
	
	#wrapper #boxes {
		float: right;
		display: inline;
		width: 210px;
		margin-top: 10px;
	}
	
	#wrapper #boxes .box {
		margin-bottom: 16px;
	}
	
	#content {
		width: 658px;
		padding: 10px 10px 0px 0;
		min-height: 280px;
		height: auto !important;
	}

	.pageTitle {
		background: url(/pics/pageTitle.png) no-repeat;
		padding: 0;
		margin: 0 0 14px 0;
		width: 646px; /* 658 */
		height: 30px;
		color: #fefefe;
		font-size: 18px;
		line-height: 30px;
		padding-left: 12px;
	}
	
/*  Footer  */
#footer {
	position: relative;
	margin: 0 auto;
	color: #fff;
	font-size: 8pt;
	text-align: center;
	line-height: 33px;
	padding: 0 9px;
	width: 883px;
	background: url(/pics/footer.png) 0 -33px repeat-x;
	height: 33px;
}

.index #footer {
	background-image: url(/pics/footer-index.png);
}

#footer address {
	font-style: normal;
}

#footer .side {
	display: block;
	width: 9px;
	height: 33px;
	background-image: url(/pics/footer.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
}

.index #footer .side {
	background-image: url(/pics/footer-index.png);
}

#footer .left-side {
	background-position: 0px 0px;
	left: 0;
}

#footer .right-side {
	background-position: 0px -66px;
	right: 0;
}

#poweredby, #poweredby a {
	padding: 0;
	margin: 11px auto 0 auto;
	width: 275px;
	height: 18px;
}

#poweredby a {
	margin: 0;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 18px;
	background: url(/pics/poweredby.png) 0 0 no-repeat;
}



/* Right side /pages/ menus */
table#pageNav {
padding:0;
margin:0;
border:none;
}
table#pageNav td {
background-color:#FFF;
background-image:url('/pics/rightmenu_bottom.jpg');
background-repeat:no-repeat;
background-position:right bottom;
padding:0;
margin:0;
}
table#pageNav ul {
list-style-type:none;
padding:0 0 10px 0px !important;
margin:0 0 0 40px !important;

background-image:url('/pics/rightmenu_bg.jpg');
background-repeat:no-repeat;
background-position:right top;
}

#pageNav ul li {
	display:inline;
}
table#pageNav img {
display:none;
}
table#pageNav td ul li a {
display:block;
line-height:16px;
padding:2px 25px 3px 25px;

}
table#pageNav td ul li a:hover, table#pageNav td ul li a:active {
color:#333;
text-decoration:underline;
}
table#pageNav td ul li a, table#pageNav td ul li a:visited {
color:#333;
text-decoration:none;
}
table#pageNav td ul li b {
display:block;
line-height:16px;
color:#FFFFFF;
background-image:url('/pics/menuselect_bg.jpg');
background-repeat:no-repeat;
background-position:right top;
padding:2px 25px 3px 25px;
}






/*  Page Styles  */

/*  Search page  */
#q {
/*  	border: 1px solid #666;  */
	width: 320px;
	height: 16px;
	padding: 3px;
}
#sa {
	font-size: 12px;
}

/* Google Map changes!!! */
#googleMap {
	width: 566px !important;
	padding: 0; margin: 0 auto;
	top: 7px;
	border: 1px solid #000 !important;
	float: none !important;
	height: 400px !important;
}

#schoolLocations {
	float: none;
	width: 95%;
	border: 0 !important;
}


#ourschoolsdiv ul {
	list-style-image:url('/pics/allcrps_bullet.gif');
	line-height:20px;
	padding:0;
	margin:0;
	margin-bottom:10px;
}

.bigGreen {
	font-size: 20px; 
	color: #009933; 
	font-weight: bold;
}


/*  For Donate Page  */
a.lrgbutton { 
	display:block;
	width:168px;
	height:42px; 
	background-repeat:no-repeat;
	margin:0px 4px;
}
a.lrgbutton, a.lrgbutton:visited { 
	color:#030;
	background-position:top;
}
a.lrgbutton:hover, a.lrgbutton:active {
	color:#690;
	background-position:bottom;
}
a.lrgbutton p{display:none; margin:0px; padding:0px;}






/*  School Profile pages  */
.school .infobox {
	background-color: #edf6fa;
	width: 200px;
	float: right;
	padding: 1em 1em 0 1em; 
	margin: 0 0 0 8px;
	font-size: .8em; 
	line-height: 20px;
}

#content .school .infobox h4 {
	padding: 0;
	margin: 0;
	color: #333;
}

.school .description {
	padding: 0 0 0em 0;
	line-height: 1.5em;
}

.school .principal_photo {
	border: 1px solid #000;
	margin: 0 8px 8px 0;
	float: left;
}