/* CSS Document */
body { background-image: url(../images/backgrounds/bk_learn.jpg); }
div.menuItems a.learn { background-image: url(../images/menu_over.gif); }

div.learnGlow {
	width: 357px;
	height: 283px;
	background-image: url(../images/learn_glow.gif);
	position: absolute;
	margin-top: 250px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

div.learnChildren {
	width: 265px;
	height: 308px;
	position: absolute;
	background-image: url(../images/learn_children.gif);
	margin: 243px 0 0 15px;
}

div.fullStoryText {
	position: absolute;
	/* margin: 60px 20px 0 250px; */
	margin: 70px 100px 0 280px;	
	width: 420px;
}

div.fullStoryText2 {
	position: relative;
	margin: 60px 40px 0 250px;
}

div#learnNavigate {
	position: absolute;
	margin: 440px 0 0 470px;
	font-weight: bold;
	color: rgb(211,36,42);
	font-size: 12pt;
	z-index: 5;
}

div#learnNavigate a { font-size: 14pt; }

div.point {
	width: 205px;
	padding: 0 10px 10px 30px;
	margin-top: 10px;
	float: left;
	height: 40px;
	background: url(../images/headings/1.gif) no-repeat;
	background-position: 0 8px;
}

div.point2 { 
	background-image: url(../images/headings/2.gif); 
	height: 22px;
	padding-top: 18px;
}
div.point3 { background-image: url(../images/headings/3.gif); }
div.point4 { background-image: url(../images/headings/4.gif); clear: right; }

div.joinUs {
	clear: left;
	width: 145px;
	position: absolute;
	margin: 0 0 0 30px;
	top: 264px;
}

li p {
	margin: 0;
	padding: 0 0 9px 0;
}

ul { padding-left: 18px; margin-left: 0; }
ul li {	margin-left: 0; padding-left: 0; color: rgb(210,35,42); }
ul li p { color: black; }


div.mediaContainer { width: 230px; }

div.mediaContainer a.learnTitle {
	display: block;
	width: 100%;
}

p.caption {
	font-style: italic;
}