/* CSS Document for Seeds of Literacy
   written by Bridget Stewart http://shallowthoughts.org
*/

/* ============================
	=Home Page Content
   ============================ */

body#home-page h3, body#home-page h4 {
	font-size: 1.6364em;
	background: #EAEEF0 url(../images/site-images/sub-content-bg.jpg) bottom left repeat-x;
	padding: 0.5em 0.75em;
}
#content {
	clear: left;
	position: relative;
	margin-left: 1.5em;
}
body#home-page #content-main {
	width: 96%;
	margin-left: 0.5em;
	position: relative;
}
body#home-page h2, #feature p, #feature ul {
	width: 45%;
	margin-left: 50px;
}
body#home-page h2 {
	margin-top: 1.087em;
	padding-top: 1.5em;
}
#feature {
	width: 100%;
	height: 22.333em;
	position: relative;
}
#feature-img {
	width: 63em;
	position: absolute;
}
#feature p, #feature ul {
	width: 47%;
}
#feature p {
	font-size: 1em;
}
#feature ul {
	margin-top: 1em;
	float: left;
}
#feature li a {
	width: 33%;
	float: left;
	background: url(../images/site-images/leaf-feature.jpg) top left no-repeat;
	padding: 0 10px 0 32px;
}
#feature li a:hover {
	background: url(../images/site-images/leaf-feature-hover.jpg) top left no-repeat;
}
body#home-page #content-sub {
	overflow: hidden;
	font-size: 0.9167em;
	margin-top: 1.5em;
	color: 515151;
}
#content-sub a {
	text-transform: capitalize;
}
#column1, #column2 {
	background: #D8E2E7;
	position: relative;
}
body#home-page #column1 {
	float: left;
	width: 66%;
	margin-right: 1.5em;
}
body#home-page #column1 ul {
	width: 67.5%;
	list-style: disc;
	margin-left: 1.5em;
}
body#home-page #column2 {
	float: left;
	width: 30%;
}
#column1 ul, #column2 ul {
	padding: 1em 0 0.5em 1em;	
}
#facts {
	padding-bottom: 3em;
}
#facts li {
	padding-bottom: 1em;
}
 #facts-img {
	position: absolute;
	bottom: 0;
	right: 1em;
}
#facts a {
	margin-left: 2.5em;
}
#facts p {
	padding-bottom: 1.4em;
}
#events h4 {
	padding-top: 0.5em;
}
#news li, #events li {
	padding-bottom: 0.5em;
}
#news a, #events a {
	margin-left: 1em;
}
